*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101915;color:#f8f1d7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none}button,input{font:inherit}button{border:0;color:inherit}#app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}canvas{display:block;width:100%;height:100%}#ui-layer{position:fixed;z-index:3;overflow:hidden;pointer-events:none}#ui-layer button,#ui-layer a,#ui-layer input{pointer-events:auto}#hud{position:absolute;z-index:5;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:start;gap:8px}.round-tool{border:1px solid rgb(255 255 255 / .16);background:#0a1610b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px #00000038}.site-label{display:flex;align-items:center;justify-content:flex-start;min-width:0;color:#fff;font-size:10px;font-weight:700;line-height:1;opacity:.92;text-align:left;white-space:nowrap}.round-tool{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#f8f1d7}.round-tool svg{width:24px;height:24px;fill:currentColor}.turn-timer{--progress: 0deg;position:absolute;left:50%;z-index:2;display:grid;place-items:center;width:clamp(74px,16vw,94px);height:clamp(74px,16vw,94px);padding:8px;border-radius:50%;background:#ffffff29;box-shadow:0 8px 24px #00000047;transform:translate(-50%)}.turn-timer.active{background:conic-gradient(#28d66f var(--progress),rgb(255 255 255 / .16) 0deg)}.turn-timer:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#0a1610e6}.turn-timer img{position:relative;width:100%;height:100%;border-radius:50%;background:#f8f1d7;object-fit:cover}.turn-timer[hidden]{display:none}#top-timer{top:2.2%}#bottom-timer{bottom:2.5%}#mode-panel,#share-panel,#score-panel,#countdown-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#020805a8;pointer-events:auto}#mode-panel[hidden],#share-panel[hidden],#score-panel[hidden],#countdown-panel[hidden]{display:none}.mode-card,.share-card,.score-card{width:58%;max-width:360px;border-radius:8px;border:1px solid rgb(255 255 255 / .18);background:#112519f5;box-shadow:0 18px 46px #00000059;padding:18px}.mode-card{display:grid;gap:12px}.mode-card h1{margin:0 0 4px;text-align:center;font-size:30px;letter-spacing:0}.mode-card button,#continue,#close-scores,#main-menu{min-height:52px;border-radius:8px;background:#d9bc58;color:#122015;font-weight:900}.share-card{display:grid;gap:12px}.share-head{display:grid;gap:3px;text-align:center}.share-head strong{font-size:22px}.share-head span{color:#d7caa0;font-size:13px}#room-url{width:100%;min-height:42px;border:1px solid rgb(255 255 255 / .16);border-radius:8px;padding:0 10px;background:#030c07cc;color:#f8f1d7;font-size:13px}.share-actions{display:grid;gap:8px}.text-button{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:#f0d36d;color:#122015;font-weight:900;text-decoration:none}.text-button svg{width:22px;height:22px;fill:currentColor}.whatsapp{background:#25d366}#countdown-panel{background:#02080580}#countdown-number{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;border:1px solid rgb(255 255 255 / .22);background:#112519eb;color:#f8f1d7;font-size:58px;font-weight:900;box-shadow:0 18px 46px #00000059}.score-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:36px;align-items:center;text-align:center;border-bottom:1px solid rgb(255 255 255 / .12)}.score-head{color:#d7caa0;font-weight:700}.total{margin-top:6px;border-bottom:0;color:#fff7d6;font-size:24px;font-weight:800}#result{min-height:26px;margin:12px 0;text-align:center;font-weight:800}#continue,#close-scores,#main-menu{width:100%}#close-scores{margin-bottom:8px;background:#0a1610d1;color:#f8f1d7;border:1px solid rgb(255 255 255 / .16)}#main-menu{margin-top:8px}