*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;min-height:100vh;min-height:100dvh;margin:0;overflow:hidden;background:#262626;color:#f8f1d7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none}body:before{content:"";position:fixed;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;background:linear-gradient(#1020171f,#1020171f),url(/assets/carpets/blue.png) center / cover}button,input{font:inherit}button{border:0;color:inherit}#app-shell{position:fixed;top:50%;left:50%;width:min(100vw,62.5dvh);height:min(100dvh,160vw);overflow:hidden;transform:translate(-50%,-50%);background:linear-gradient(#1020171f,#1020171f),url(/assets/carpets/blue.png) center / cover}@media(max-width:560px)and (orientation:portrait){#app-shell{top:0;right:0;bottom:0;left:0;width:auto;height:auto;transform:none}}canvas{display:block;width:100%;height:100%}#ui-layer{position:absolute;z-index:3;overflow:hidden;pointer-events:none}#ui-layer button,#ui-layer a,#ui-layer input{pointer-events:auto}#admin-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:auto;padding:18px;background:#102017;pointer-events:auto}#admin-panel[hidden]{display:none}.admin-login,.admin-board{width:min(92%,760px);margin:28px auto;border:1px solid rgb(255 255 255 / .18);border-radius:8px;background:#112519f5;box-shadow:0 18px 46px #00000059;padding:18px}.admin-login{display:grid;max-width:360px;gap:12px;text-align:center}.admin-login strong,.admin-head strong{font-size:24px}#admin-password{min-height:48px;border:1px solid rgb(255 255 255 / .16);border-radius:8px;padding:0 12px;background:#030c07cc;color:#f8f1d7;text-align:center}#admin-unlock,#admin-refresh{min-height:44px;border-radius:8px;background:#d9bc58;color:#122015;font-weight:900}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.admin-stat,.admin-game{border:1px solid rgb(255 255 255 / .12);border-radius:8px;background:#030c076b;padding:10px}.admin-stat span,.admin-game span{display:block;color:#d7caa0;font-size:11px;font-weight:700;text-transform:uppercase}.admin-stat strong{display:block;margin-top:3px;font-size:22px}.admin-games{display:grid;gap:8px}.admin-game{display:grid;grid-template-columns:.7fr .9fr .9fr 1fr;gap:8px;align-items:center;font-size:13px}.admin-game strong{color:#fff7d6}@media(max-width:560px){.admin-summary,.admin-game{grid-template-columns:1fr}}#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) auto;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}.hud-actions{display:flex;gap:8px}.hud-actions[hidden]{display:none}.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}.avatar-name{position:absolute;top:calc(100% + 4px);left:50%;min-width:70px;max-width:96px;padding:2px 6px;border-radius:8px;background:#0a1610b8;color:#fff;font-size:11px;font-weight:800;line-height:1.2;overflow:hidden;text-align:center;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}.avatar-name:empty{display:none}.avatar-score{position:absolute;top:-2px;right:-2px;min-width:22px;padding:1px 5px;border-radius:10px;background:#0a1610b8;color:#fff;font-size:11px;font-weight:800;line-height:1.4;text-align:center;z-index:3}#bottom-timer .avatar-score{right:auto;left:-2px}.turn-timer[hidden]{display:none}#top-timer{top:2.2%}#bottom-timer{bottom:2.5%}#mode-panel,#nickname-panel,#share-panel,#score-panel,#countdown-panel,#round-intro,#confirm-panel,#rules-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#020805a8;pointer-events:auto}#confirm-panel{z-index:30}#rules-panel{z-index:25}#round-intro{position:fixed;background:#02080547}#round-intro-text{color:#fff7d6;font-size:clamp(54px,14vw,112px);font-weight:1000;line-height:1;text-shadow:0 8px 0 rgb(10 22 16 / .45),0 18px 38px rgb(0 0 0 / .45)}#round-intro.playing #round-intro-text{animation:round-pop 1.5s cubic-bezier(.18,.9,.28,1) both}@keyframes round-pop{0%{opacity:0;transform:scale(1.85) rotate(-4deg)}35%{opacity:1;transform:scale(1) rotate(0)}72%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.72) rotate(3deg)}}#mode-panel[hidden],#nickname-panel[hidden],#share-panel[hidden],#score-panel[hidden],#countdown-panel[hidden],#round-intro[hidden],#confirm-panel[hidden],#rules-panel[hidden]{display:none}.mode-card,.nickname-card,.share-card,.score-card,.confirm-card,.rules-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}.score-card{position:relative}.mode-card{display:grid;gap:12px}.lang-toggle{display:flex;justify-content:center;gap:6px}.lang-btn{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:800;background:transparent;color:#d7caa0;border:1px solid rgb(255 255 255 / .16);cursor:pointer}.lang-btn.active{background:#d9bc58;color:#122015;border-color:#d9bc58}.mode-card button svg{width:20px;height:20px;fill:currentColor;vertical-align:middle;margin-right:6px}.home-logo{width:min(150px,48%);justify-self:center}.mode-card h1{margin:-4px 0 4px;text-align:center;font-size:30px;letter-spacing:0}.mode-card button:not(.lang-btn),#nickname-continue,#continue,#close-scores,#main-menu{min-height:52px;border-radius:8px;background:#d9bc58;color:#122015;font-weight:900}.nickname-card{display:grid;gap:12px;text-align:center}.nickname-card strong{font-size:22px}#nickname-input{width:100%;min-height:48px;border:1px solid rgb(255 255 255 / .16);border-radius:8px;padding:0 12px;background:#030c07cc;color:#f8f1d7;font-size:18px;font-weight:800;text-align:center}.share-card{display:grid;gap:12px;width:min(76%,480px);max-width:480px}.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}.room-qr{display:grid;justify-items:center;gap:8px;margin-top:2px;padding-top:2px}.room-qr[hidden]{display:none}.room-qr img{width:148px;height:148px;border-radius:8px;background:#fff7d6;padding:8px}.room-qr span{color:#d7caa0;font-size:13px;font-weight:800;text-align:center}.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}.confirm-card{display:grid;gap:10px;text-align:center}.confirm-card strong{font-size:22px}.confirm-card span{color:#d7caa0;font-size:13px;line-height:1.35}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.confirm-button{display:grid;min-height:52px;place-items:center;border-radius:8px;background:#0a1610d1;color:#f8f1d7;border:1px solid rgb(255 255 255 / .16)}.confirm-button.danger{background:#d9bc58;color:#122015}.confirm-button svg{width:26px;height:26px;fill:currentColor}.rules-card{display:grid;gap:12px;text-align:center}.rules-card strong{font-size:22px}.rules-table{width:100%;border-collapse:collapse;font-size:15px}.rules-table th{padding:6px 8px;font-size:12px;text-transform:uppercase;color:#d7caa0;border-bottom:1px solid rgb(255 255 255 / .18)}.rules-table td{padding:6px 8px;border-bottom:1px solid rgb(255 255 255 / .08)}.suit-black{color:#f8f1d7}.suit-red{color:#e74c3c}.rules-bonus{font-size:13px;color:#d7caa0}.rules-note{margin:0;font-size:13px;color:#d7caa0;line-height:1.35}.rules-link{background:transparent!important;color:#d7caa0!important;border:1px solid rgb(255 255 255 / .16)!important;font-weight:600!important;font-size:14px}#close-rules{min-height:52px;border-radius:8px;background:#d9bc58;color:#122015;font-weight:900}.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}#score-panel.game-over .score-card{border-color:#d9bc58b8;background:linear-gradient(135deg,rgb(217 188 88 / .18),transparent 45%),#112519fa;box-shadow:0 22px 70px #0000008c}#score-panel.game-over .score-card:before{content:"MATCH COMPLETE";display:block;margin-bottom:12px;color:#f0d36d;font-size:13px;font-weight:1000;letter-spacing:.08em;text-align:center;text-shadow:0 5px 18px rgb(240 211 109 / .45);animation:match-banner .52s cubic-bezier(.18,.9,.28,1) both}#score-panel.game-over #result{min-height:58px;margin:14px 0;color:#fff7d6;font-size:clamp(26px,8vw,42px);line-height:1.05;text-transform:uppercase;text-shadow:0 4px 0 rgb(10 22 16 / .6),0 14px 28px rgb(0 0 0 / .45)}#score-panel.game-over .total{color:#f0d36d;font-size:32px}@keyframes match-banner{0%{opacity:0;transform:translateY(-12px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}#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}