:root{font-family:Golos Text,Segoe UI,Arial,sans-serif;color:var(--milk);background:var(--felt);font-synthesis:none;text-rendering:optimizeLegibility;--felt: #22423a;--felt-deep: #18332c;--felt-line: rgba(236, 227, 203, .14);--lamp: #f5b95a;--tomato: #e05b3d;--tomato-dark: #a83a22;--paper: #f7f0df;--ink: #2b2519;--ink-soft: #7a7160;--milk: #f3ecd9;--milk-dim: #a9bcae;--line-paper: #d8cdb4;--display: "Yeseva One", Georgia, serif;--mono: "JetBrains Mono", Consolas, monospace;--shadow: 0 24px 60px rgba(8, 20, 16, .38)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--felt);background-image:radial-gradient(120% 90% at 50% -20%,rgba(245,185,90,.16),transparent 55%),linear-gradient(rgba(240,230,200,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(240,230,200,.04) 1px,transparent 1px);background-size:100% 100%,26px 26px,26px 26px;background-attachment:fixed}::selection{background:#f5b95a66}button,input{font:inherit}button{color:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,.upload-action:focus-within{outline:3px solid rgba(245,185,90,.55);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:.01em;color:var(--milk)}.brand-mark{position:relative;display:inline-block;width:25px;height:25px;border:2px solid #14261f;border-radius:6px;background:var(--lamp)}.brand-mark:before{content:"";position:absolute;top:6px;right:-7px;width:10px;height:10px;border:2px solid #14261f;border-left:0;border-radius:0 7px 7px 0;background:var(--lamp)}.brand-mark i{position:absolute;top:-5px;left:7px;width:9px;height:7px;border-radius:0 0 6px 6px;background:var(--felt);border:2px solid #14261f;border-top:0}.home{width:min(1480px,100%);min-height:100vh;margin:auto;padding:0 54px;display:flex;flex-direction:column}.home-header,.room-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--felt-line)}.connection-pill{display:flex;align-items:center;gap:8px;color:var(--milk-dim);font-size:13px;font-weight:600}.connection-pill span{width:8px;height:8px;border-radius:50%;background:#58c28f;box-shadow:0 0 0 5px #58c28f26}.connection-pill.status-reconnecting span{background:#f5b95a;box-shadow:0 0 0 5px #f5b95a2e;animation:pulse-dot 1.2s ease-in-out infinite}.connection-pill.status-offline span{background:#e05b3d;box-shadow:0 0 0 5px #e05b3d26}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr);grid-template-rows:auto auto;align-items:center;gap:28px 66px;padding:54px 0 45px}.hero-copy{grid-row:1 / 3;max-width:730px}.eyebrow{margin:0 0 16px;color:var(--lamp);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1,.lobby-intro h1{margin:0;font-family:var(--display);font-size:clamp(46px,5.2vw,80px);line-height:1.04;letter-spacing:0;font-weight:400;color:var(--milk)}.hero h1 em{position:relative;color:var(--lamp);font-style:normal}.hero h1 em:after{content:"";position:absolute;left:2%;right:0;bottom:-6px;height:9px;background-image:radial-gradient(circle,var(--tomato) 2px,transparent 2.5px);background-size:11px 9px;opacity:.85}.hero-lead{max-width:610px;margin:31px 0 25px;color:var(--milk-dim);font-size:18px;line-height:1.6}.feature-line{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;color:var(--milk-dim)}.feature-line span{display:flex;align-items:center;gap:7px}.feature-line i{color:var(--lamp);font-style:normal;font-weight:900}.hero-table{position:relative;width:min(100%,500px);aspect-ratio:1.65;justify-self:end;border:1px solid rgba(236,227,203,.16);border-radius:24px 24px 60px;background:radial-gradient(90% 80% at 50% 0%,rgba(245,185,90,.12),transparent 60%),var(--felt-deep);box-shadow:inset 0 0 0 9px #ece3cb0d,12px 16px #0814104d;transform:rotate(1.2deg)}.table-label{position:absolute;top:20px;left:22px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.08em;color:#ece3cb80}.demo-board{position:absolute;left:20%;top:18%;width:59%;height:67%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;padding:5px;background:#f7f0dfd9;border-radius:7px;box-shadow:0 14px 25px #08141066;transform:rotate(-2deg)}.demo-tile{background-color:#5f8a76}.tile-0,.tile-1{background:#e9a23b}.tile-2{background:#f2d8a7}.tile-3{background:#c96f3b}.tile-4{background:#f6e8c8}.tile-5{background:#5f8a76}.tile-6{background:#2f5247}.tile-7{background:#d9542f}.tile-8{background:#8a3b2e}.loose-piece{position:absolute;left:5%;bottom:14%;width:15%;aspect-ratio:1.1;background:var(--tomato);border:4px solid rgba(247,240,223,.8);border-radius:8px;box-shadow:0 8px 15px #08141073;transform:rotate(13deg)}.demo-cursor{position:absolute;width:15px;height:15px;border-radius:9px 9px 9px 2px;transform:rotate(-25deg);z-index:3}.demo-cursor:after{content:"";position:absolute;left:3px;bottom:-9px;border-top:11px solid currentColor;border-right:7px solid transparent;transform:rotate(12deg)}.demo-cursor span{position:absolute;top:17px;left:8px;padding:4px 7px;color:#14261f;border-radius:4px 8px 8px;font-size:9px;font-weight:700;transform:rotate(25deg);white-space:nowrap}.cursor-one{color:#7fb1e0;background:#7fb1e0;right:15%;top:27%}.cursor-one span{background:#7fb1e0}.cursor-two{color:var(--lamp);background:var(--lamp);right:31%;bottom:9%}.cursor-two span{background:var(--lamp)}.whoami-demo-cards{position:absolute;inset:19% 8% 11%;display:flex;align-items:center;justify-content:center;gap:3%}.whoami-demo-cards>span{width:31%;min-height:68%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 8px;color:var(--ink);border:1px solid #c9bd9f;border-radius:8px;background:var(--paper);box-shadow:0 13px 22px #040c0961;transform:rotate(-4deg)}.whoami-demo-cards>span:nth-child(2){transform:translateY(-9px) rotate(2deg)}.whoami-demo-cards>span:nth-child(3){transform:rotate(5deg)}.whoami-demo-cards>span.hidden{color:var(--paper);border-color:#983a28;background:var(--tomato)}.whoami-demo-cards small{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.whoami-demo-cards strong{font-family:var(--display);font-size:clamp(11px,1.45vw,20px);font-weight:400;text-align:center}.alias-demo{position:relative;width:78%;height:68%}.alias-demo-word{position:absolute;display:grid;place-items:center;min-width:42%;padding:14px 18px;border:1px solid #c9bd9f;border-radius:10px;color:var(--ink);background:var(--paper);box-shadow:0 12px 22px #040c0952;font-family:var(--display);font-size:clamp(13px,1.7vw,23px)}.alias-demo-word:nth-child(1){top:4%;left:5%;transform:rotate(-5deg)}.alias-demo-word:nth-child(2){top:36%;right:1%;transform:rotate(4deg)}.alias-demo-word:nth-child(3){bottom:1%;left:13%;color:var(--paper);background:var(--tomato);transform:rotate(-2deg)}.alias-demo-score{position:absolute;top:2%;right:4%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--ink);background:var(--sun);font-family:var(--mono);font-size:21px;transform:rotate(8deg)}.mine-demo-grid{display:grid;grid-template-columns:repeat(4,44px);gap:5px;transform:rotate(-3deg)}.mine-demo-grid span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #c9bd9f;border-radius:6px;color:var(--tomato-dark);background:var(--paper);font-family:var(--mono);font-weight:900;box-shadow:0 5px #040c0933}.entry-card{width:min(100%,500px);justify-self:end;padding:24px;color:var(--ink);background:var(--paper);border:1px solid rgba(20,38,31,.5);border-radius:18px;box-shadow:var(--shadow)}.game-choice-heading{margin-bottom:11px}.game-choice{margin-bottom:19px;padding-bottom:19px;border-bottom:1px solid #ded3b9}.game-choice .game-picked{width:100%;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;color:var(--ink);border:1px solid #d3c7a9;border-radius:11px;background:#fffdf6;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.game-choice .game-picked:hover{transform:translateY(-1px);border-color:var(--tomato)}.game-choice .game-picked>span{min-width:0;display:grid;gap:2px}.game-choice strong{font-size:12px}.game-choice small{overflow:hidden;color:#8d8264;font-size:9px;line-height:1.25;text-overflow:ellipsis}.game-choice i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;color:var(--tomato-dark);font-style:normal;font-weight:900}.game-choice .game-picked em{padding:8px 11px;border:1px solid #c2b592;border-radius:9px;color:var(--tomato-dark);font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}.game-choice .game-picked:hover em{border-color:var(--tomato);background:#fdeee7}.choice-puzzle{position:relative;border:1.5px solid currentColor;border-radius:6px;background:#f7d6c7}.choice-puzzle:after{content:"";position:absolute;top:8px;right:-6px;width:8px;height:12px;border:1.5px solid currentColor;border-left:0;border-radius:0 7px 7px 0;background:#f7d6c7}.choice-card{border:1.5px solid currentColor;border-radius:5px;background:#f7d6c7;transform:rotate(4deg);font-family:var(--display);font-size:20px}.choice-mine{border:1.5px solid currentColor;border-radius:50%;background:#f7d6c7;font-family:var(--mono)}.games-hero{flex:1;max-width:1380px;width:100%;margin:0 auto;padding:54px 0 45px}.games-hero h1{margin:0;font-family:var(--display);font-size:clamp(40px,4.6vw,68px);font-weight:400;color:var(--milk)}.games-hero .hero-lead{margin:18px 0 0}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,300px));gap:26px;margin-top:40px;perspective:1100px}.game-tall-card{min-height:420px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 22px;color:var(--ink);border:1px solid rgba(20,38,31,.5);border-radius:16px 16px 34px;background:linear-gradient(160deg,rgba(245,185,90,.14),transparent 45%),var(--paper);box-shadow:var(--shadow);text-align:left;cursor:pointer;transform-style:preserve-3d;will-change:transform;transition:transform .16s ease,box-shadow .16s ease}.game-tall-card:hover{box-shadow:0 30px 70px #08141080}.game-tall-card.active{border:2px solid var(--tomato);background:linear-gradient(160deg,rgba(224,91,61,.12),transparent 45%),#fdf3ea}.game-card-art{display:grid;place-items:center;width:100%;min-height:150px;margin-bottom:4px;border:1px dashed #cfc3a5;border-radius:12px;background:#fffdf6bf}.game-card-art i{display:grid;place-items:center;width:62px;height:62px;color:var(--tomato-dark);font-style:normal;font-weight:900;font-size:36px}.game-card-tag{color:var(--tomato-dark);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.game-tall-card>strong{font-family:var(--display);font-size:30px;font-weight:400}.game-tall-card>p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}.game-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.game-card-meta em{padding:5px 9px;border:1px solid #d3c7a9;border-radius:20px;color:#6a6250;background:#fffdf6;font-size:10px;font-style:normal;font-weight:700}.game-card-cta{color:var(--tomato-dark);font-size:13px;font-weight:800}.game-tall-card.active .game-card-cta{color:#187d5d}.solo-games{max-width:1380px;margin:0 auto;padding:28px 0 48px}.solo-games h2{margin:8px 0 18px;font-family:var(--display);font-size:clamp(26px,3vw,40px);font-weight:400;color:var(--milk)}.solo-games-inline{margin-top:34px}.solo-games-inline h2,.solo-games-inline>.eyebrow{display:none}.solo-card{width:min(100%,320px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;color:var(--ink);border:1px solid rgba(20,38,31,.5);border-radius:14px;background:var(--paper);box-shadow:var(--shadow);text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.solo-card:hover{transform:translateY(-2px);box-shadow:0 28px 65px #08141073}.solo-card .solo-glyph{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid currentColor;border-radius:50%;color:var(--tomato-dark);background:#f7d6c7;font-family:var(--mono);font-size:22px;font-weight:900}.solo-card>span:nth-child(2){display:grid;gap:2px}.solo-card strong{font-size:14px}.solo-card small{color:#8d8264;font-size:11px}.solo-card em{padding:8px 11px;border:1px solid #c2b592;border-radius:9px;color:var(--tomato-dark);font-size:11px;font-style:normal;font-weight:700}.solo-card:hover em{border-color:var(--tomato);background:#fdeee7}.entry-heading,.section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.entry-heading>div,.section-title>div{display:grid;gap:2px}.entry-heading strong,.section-title strong{font-size:15px}.entry-heading small,.section-title small{color:var(--ink-soft);font-size:12px}.step-chip{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:8px;background:#e05b3d24;color:var(--tomato-dark);font-family:var(--mono);font-size:12px;font-weight:800}.field{display:grid;gap:7px}.field>span{color:#6a6250;font-size:11px;font-weight:700;letter-spacing:.03em}.field input{width:100%;height:48px;padding:0 14px;color:var(--ink);border:1px solid #c9bd9f;border-radius:10px;background:#fffdf6;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#ab9f83}.field input:focus{border-color:var(--tomato);box-shadow:0 0 0 3px #e05b3d21;outline:0}.primary-button,.secondary-button,.quiet-button{border:0;cursor:pointer;font-weight:700;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--tomato);color:#fff6ea;border-radius:11px;box-shadow:0 7px 0 var(--tomato-dark)}.primary-button.large{width:100%;min-height:50px;margin-top:15px}.primary-button:hover:not(:disabled){background:#e96a4c;transform:translateY(-1px);box-shadow:0 8px 0 var(--tomato-dark)}.primary-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px 0 var(--tomato-dark)}.primary-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 4px #b9a894}.primary-button span{font-size:18px}.secondary-button{min-height:46px;padding:0 16px;color:var(--ink);border:1px solid #c2b592;border-radius:10px;background:#fffdf6}.secondary-button:hover{border-color:var(--tomato);color:var(--tomato-dark);transform:translateY(-1px)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.quiet-button{padding:9px 13px;color:var(--milk-dim);background:transparent;border-radius:8px}.quiet-button:hover{background:#ece3cb1a;color:var(--milk)}.or{display:flex;align-items:center;gap:10px;margin:20px 0 15px;color:#8d8264;font-size:11px;white-space:nowrap}.or:before,.or:after{content:"";height:1px;background:#ddd2b8;flex:1}.join-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.field.compact input{font-family:var(--mono);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.join-button{height:48px}.home-footer{min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--felt-line);color:#ece3cb73;font-size:11px}.toast{position:fixed;left:50%;bottom:28px;z-index:9999;display:flex;align-items:center;gap:10px;max-width:min(430px,calc(100vw - 32px));padding:12px 16px 12px 11px;color:var(--milk);background:#10211b;border:1px solid rgba(236,227,203,.16);border-radius:12px;box-shadow:0 15px 45px #040c0980;font-size:13px;font-weight:600;transform:translate(-50%);animation:toast-in .22s ease-out,toast-out .3s ease-in 2.9s forwards}.toast span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#ffffff21;font-weight:900}.toast.error{background:#a63c30;border-color:#ffffff2e;color:#fff}.toast.success{background:#1d7a5f;border-color:#ffffff2e;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,14px)}}.lobby-page,.game-page,.whoami-page{min-height:100vh;padding:0 42px 40px}.room-header{position:relative;height:72px}.room-code{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(236,227,203,.25);border-radius:10px;background:#18332c99;color:var(--milk);cursor:pointer}.room-code span{color:var(--milk-dim);font-size:10px}.room-code strong{font-family:var(--mono);letter-spacing:.12em;font-size:13px}.room-code i{color:var(--lamp);font-style:normal}.lobby-intro{max-width:1380px;margin:0 auto;padding:42px 0 30px}.lobby-intro h1{font-size:clamp(38px,4.3vw,62px)}.lobby-intro>p:last-child{margin:14px 0 0;color:var(--milk-dim);font-size:15px}.lobby-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.72fr);gap:30px;align-items:start}.lobby-setup{display:flex;flex-direction:column;gap:24px;min-width:0}.upload-card{position:relative;min-height:540px;display:grid;place-items:center;overflow:hidden;border:1px dashed rgba(236,227,203,.32);border-radius:22px;background-color:#18332c8c;background-image:linear-gradient(rgba(240,230,200,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(240,230,200,.035) 1px,transparent 1px);background-size:24px 24px}.upload-card.has-image{border-style:solid;background:var(--felt-deep)}.upload-card>img{width:100%;height:100%;object-fit:contain;padding:26px;filter:drop-shadow(0 18px 28px rgba(4,12,9,.55))}.upload-card.preview-hidden{background:#14261fbf}.hidden-preview{max-width:330px;padding:36px;text-align:center}.hidden-preview-mark{position:relative;display:grid;place-items:center;width:74px;height:64px;margin:0 auto 20px;border:2px solid var(--lamp);border-radius:14px;color:var(--lamp);background:#f5b95a1f;transform:rotate(-3deg)}.hidden-preview-mark:after{content:"";position:absolute;top:20px;right:-10px;width:12px;height:20px;border:2px solid var(--lamp);border-left:0;border-radius:0 10px 10px 0;background:#f5b95a1f}.hidden-preview-mark span{font-family:var(--mono);font-size:25px;font-weight:500}.hidden-preview strong{display:block;font-family:var(--display);font-weight:400;font-size:23px;color:var(--milk)}.hidden-preview p{margin:8px 0 0;color:var(--milk-dim);font-size:12px;line-height:1.5}.upload-empty{text-align:center;padding:30px}.upload-empty strong{display:block;margin-top:18px;font-family:var(--display);font-weight:400;font-size:23px;color:var(--milk)}.upload-empty p{margin:8px 0 0;color:var(--milk-dim);font-size:13px}.upload-glyph{position:relative;display:grid;place-items:center;width:78px;height:66px;margin:auto;border:2px solid var(--lamp);border-radius:14px;background:#f5b95a1f;color:var(--lamp);font-size:28px;font-weight:300;transform:rotate(-4deg)}.upload-glyph:after{content:"";position:absolute;inset:7px -10px -9px 9px;border:1px solid rgba(224,91,61,.6);border-radius:13px;z-index:-1}.upload-action{position:absolute;bottom:22px;left:50%;transform:translate(-50%);min-height:44px;display:flex;align-items:center;padding:0 18px;color:var(--ink);border:1px solid #c2b592;border-radius:10px;background:var(--paper);box-shadow:0 8px 20px #040c0966;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.upload-action:hover{border-color:var(--tomato);color:var(--tomato-dark)}.upload-action input{position:absolute;width:1px;height:1px;opacity:0}.image-badge{position:absolute;top:20px;right:20px;padding:7px 9px;border-radius:8px;color:var(--milk);background:#0a1611bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--mono);font-size:11px}.lobby-controls{display:flex;flex-direction:column;padding:27px;color:var(--ink);border:1px solid rgba(20,38,31,.5);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.control-section+.control-section{border-top:1px solid #e4dabf;margin-top:20px;padding-top:19px}.piece-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.piece-options button{display:grid;justify-items:start;gap:2px;min-height:64px;padding:10px 13px;border:1px solid #d3c7a9;border-radius:11px;background:#fffdf6;cursor:pointer}.piece-options button strong{font-family:var(--mono);font-size:17px}.piece-options button span{color:#8d8264;font-size:10px}.piece-options button.active{border:2px solid var(--tomato);padding:9px 12px;color:var(--tomato-dark);background:#fdeee7;box-shadow:inset 0 0 0 3px #fffdf6}.piece-options button:disabled{cursor:default}.piece-options button:disabled:not(.active){opacity:.55}.piece-mode-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.piece-mode-options button{min-height:66px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:9px;border:1px solid #d3c7a9;border-radius:11px;background:#fffdf6;text-align:left;cursor:pointer}.piece-mode-options button>span:last-child{display:grid;gap:2px;min-width:0}.piece-mode-options button strong{font-size:11px}.piece-mode-options button small{color:#8d8264;font-size:9px}.piece-mode-options button.active{border:2px solid var(--tomato);padding:8px;color:var(--tomato-dark);background:#fdeee7}.piece-mode-options button:disabled{cursor:default}.piece-mode-options button:disabled:not(.active){opacity:.55}.mode-glyph{position:relative;display:block;width:31px;height:31px;flex:0 0 auto;border:1.5px solid currentColor;background:#fbe4d4;color:var(--tomato-dark)}.rectangle-glyph{border-radius:5px}.classic-glyph{border-radius:4px}.classic-glyph:before{content:"";position:absolute;top:8px;right:-7px;width:10px;height:13px;border:1.5px solid currentColor;border-left:0;border-radius:0 8px 8px 0;background:#fbe4d4}.classic-glyph i{position:absolute;top:-1.5px;left:10px;width:10px;height:7px;border:1.5px solid currentColor;border-top:0;border-radius:0 0 7px 7px;background:#fffdf6}.setting-list{display:grid;gap:5px;margin-top:12px}.setting-row{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:48px;padding:7px 8px;border-radius:10px;cursor:pointer}.setting-row:hover{background:#f0e7d0}.setting-row.disabled{cursor:default}.setting-row.disabled:hover{background:transparent}.setting-row input{position:absolute;width:1px;height:1px;opacity:0}.setting-row .switch{position:relative;width:38px;height:22px;border-radius:20px;background:#cfc3a5;transition:background .15s ease}.setting-row .switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fffdf6;box-shadow:0 1px 3px #2b25194d;transition:transform .15s ease}.setting-row input:checked+.switch{background:var(--tomato)}.setting-row input:checked+.switch i{transform:translate(16px)}.setting-row input:focus-visible+.switch{outline:3px solid rgba(224,91,61,.35);outline-offset:2px}.setting-row>span:last-child{display:grid;gap:2px}.setting-row strong{font-size:11px}.setting-row small{color:#8d8264;font-size:9px}.people-section{flex:1}.player-list{display:grid;gap:8px}.player-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;min-height:48px;padding:6px 8px;border-radius:10px;background:#f0e7d0;animation:row-in .32s ease-out backwards}.kick-button{display:grid;place-items:center;width:26px;height:26px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a99f87;cursor:pointer;font-size:15px;line-height:1;transition:color .12s ease,background .12s ease,border-color .12s ease}.kick-button:hover{color:var(--tomato-dark);border-color:#e05b3d66;background:#fdeee7}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}}.avatar{--player: #e05b3d;display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px 11px 11px 4px;color:#fff;background:var(--player);font-size:12px;font-weight:800;box-shadow:0 0 0 2px #fffdf6}.player-row>span:nth-child(2){display:grid;gap:1px}.player-row strong{font-size:12px}.player-row small{color:#8d8264;font-size:10px}.presence{width:7px;height:7px;border-radius:50%;background:#1d9f74;box-shadow:0 0 0 3px #1d9f7426}.player-row.offline{opacity:.55}.player-row.offline .presence{background:#a99f87;box-shadow:none}.empty-player{margin:2px 0 0;padding:10px 12px;color:#91876f;border:1px dashed #cfc3a5;border-radius:9px;font-size:11px}.invite-button{width:100%;margin-top:12px}.invite-button span{color:var(--tomato);margin-right:5px}.start-area{margin-top:24px}.start-area .primary-button{margin-top:0}.waiting-note{display:flex;align-items:center;gap:12px;padding:13px;border-radius:11px;background:#f5b95a33}.waiting-note>i{width:11px;height:11px;border-radius:50%;background:#d59737;box-shadow:0 0 0 5px #d597372e}.waiting-note>span{display:grid;gap:2px;font-size:10px;color:#6a6250}.waiting-note strong{color:var(--ink);font-size:12px}.game-page{height:100vh;display:flex;flex-direction:column;padding-bottom:24px;overflow:hidden}.game-toolbar{min-height:68px;display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto auto;align-items:center;gap:15px;padding:0 3px}.progress-copy{display:grid;gap:2px;min-width:155px}.progress-copy strong{font-family:var(--display);font-weight:400;font-size:16px;color:var(--milk)}.progress-copy span{color:var(--milk-dim);font-size:10px}.progress-track{height:7px;overflow:hidden;border-radius:10px;background:#ece3cb2e}.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--lamp);transition:width .25s ease}.progress-number{min-width:40px;color:var(--lamp);font-family:var(--mono);font-size:12px}.pan-instruction{display:flex;align-items:center;gap:6px;color:var(--milk-dim);font-size:10px;white-space:nowrap}.pan-instruction kbd{padding:3px 5px;border:1px solid rgba(236,227,203,.3);border-bottom-width:2px;border-radius:5px;color:var(--milk);background:#18332cb3;font-family:var(--mono);font-size:9px}.mini-avatars{display:flex;padding-left:8px}.mini-avatars .avatar{width:30px;height:30px;margin-left:-7px;border-radius:9px 9px 9px 3px;font-size:10px;box-shadow:0 0 0 2px var(--felt)}.game-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:17px}.stage-shell{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(236,227,203,.16);border-radius:18px;background:#10211b8c;box-shadow:inset 0 0 65px #040c0966}.stage-scroll{position:absolute;inset:0;display:flex;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.puzzle-stage{position:relative;margin:auto;aspect-ratio:1800 / 1140;flex:0 0 auto;overflow:hidden;cursor:grab;touch-action:none;background-image:radial-gradient(85% 70% at 50% 8%,rgba(245,185,90,.07),transparent 65%),linear-gradient(rgba(240,230,200,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(240,230,200,.05) 1px,transparent 1px);background-size:100% 100%,2.6667% 4.2105%,2.6667% 4.2105%}.zoom-controls{position:absolute;right:12px;bottom:12px;z-index:60;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(236,227,203,.22);border-radius:13px;background:#10211bd9;box-shadow:0 10px 24px #040c0973;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zoom-controls button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:9px;background:transparent;cursor:pointer;font-size:18px;font-weight:800;color:var(--milk-dim);transition:background .12s ease,color .12s ease}.zoom-controls button:hover{background:#ece3cb1f;color:var(--lamp)}.zoom-controls .zoom-value{width:auto;min-width:48px;padding:0 4px;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--milk)}.puzzle-stage.panning,.puzzle-stage.panning .puzzle-piece{cursor:grabbing;-webkit-user-select:none;user-select:none}.puzzle-stage:after{content:"";position:absolute;left:18.55%;top:3%;bottom:3%;width:1px;border-left:1px dashed rgba(236,227,203,.22);pointer-events:none}.tray-title{position:absolute;top:3%;left:2.5%;z-index:1;display:flex;align-items:center;gap:7px;color:var(--milk-dim);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tray-title strong{display:grid;place-items:center;min-width:21px;height:18px;padding:0 4px;border-radius:6px;color:var(--lamp);background:#18332ccc;font-family:var(--mono)}.board-shadow{position:absolute;z-index:1;overflow:hidden;border:1px dashed rgba(245,185,90,.45);background:#f7f0df0f;box-shadow:0 14px 35px #040c0940;pointer-events:none}.board-shadow img{width:100%;height:100%;display:block;object-fit:fill;opacity:.14;filter:saturate(.65)}.board-shadow span{position:absolute;inset:0;display:grid;place-items:center;color:var(--milk-dim);font-size:clamp(8px,1vw,13px);font-weight:700}.puzzle-piece{position:absolute;display:block;margin:0;padding:0;border:1px solid rgba(247,240,223,.75);border-radius:clamp(2px,.5vw,7px);background-repeat:no-repeat;box-shadow:0 5px 10px #040c0973,0 0 0 1px #040c0933;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:filter .12s ease,box-shadow .12s ease,transform .12s ease,left 90ms linear,top 90ms linear}.puzzle-piece.dragging{transition:filter .12s ease,box-shadow .12s ease,transform .12s ease}.puzzle-piece:hover:not(.placed):not(.locked){transform:translateY(-2px) rotate(-.4deg);box-shadow:0 8px 14px #040c0980,0 0 0 2px #f7f0dfb3}.puzzle-piece.dragging{cursor:grabbing;transform:scale(1.035);box-shadow:0 12px 22px #040c098c,0 0 0 3px #f7f0dfd9}.puzzle-piece.placed{border-radius:0;border-color:#f7f0df1a;box-shadow:none;cursor:default;pointer-events:none}.puzzle-piece.locked{box-shadow:0 0 0 4px var(--owner),0 8px 15px #040c0966;cursor:not-allowed;filter:saturate(.75)}.puzzle-piece.rectangle.grouped:not(.placed){border-color:#f5b95a99}.puzzle-piece.classic{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.puzzle-piece.classic svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 5px 5px rgba(4,12,9,.5))}.classic-outline{fill:none;stroke:#f7f0dfa6;stroke-width:1.1;vector-effect:non-scaling-stroke}.puzzle-piece.classic:hover:not(.placed):not(.locked),.puzzle-piece.classic.dragging{box-shadow:none}.puzzle-piece.classic:hover:not(.placed):not(.locked) svg{filter:drop-shadow(0 8px 7px rgba(4,12,9,.55))}.puzzle-piece.classic.dragging svg{filter:drop-shadow(0 12px 10px rgba(4,12,9,.6))}.puzzle-piece.classic.locked{box-shadow:none;filter:none}.puzzle-piece.classic.locked svg{filter:drop-shadow(0 0 4px var(--owner)) drop-shadow(0 6px 6px rgba(4,12,9,.45))}.puzzle-piece.classic.placed svg{filter:none}.puzzle-piece.classic.placed .classic-outline{opacity:.18}.remote-cursor{--player: #e05b3d;position:absolute;z-index:1000;width:15px;height:15px;border:3px solid var(--paper);border-radius:9px 9px 9px 2px;background:var(--player);box-shadow:0 2px 8px #040c0980;transform:translate(-4px,-4px) rotate(-24deg);pointer-events:none;transition:left 45ms linear,top 45ms linear}.remote-cursor:after{content:"";position:absolute;left:-3px;bottom:-9px;border-top:10px solid var(--player);border-right:7px solid transparent;transform:rotate(13deg)}.remote-cursor i{position:absolute;top:-8px;left:2px;width:7px;height:6px;border-radius:0 0 5px 5px;background:var(--paper)}.remote-cursor span{position:absolute;top:15px;left:8px;padding:4px 7px 5px;border-radius:4px 8px 8px;color:#fff;background:var(--player);font-size:9px;font-weight:800;white-space:nowrap;transform:rotate(24deg)}.cursor-trail{position:absolute;z-index:999;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition:left 45ms linear,top 45ms linear,opacity .18s ease}.game-sidebar{display:flex;flex-direction:column;gap:13px;padding:20px;overflow-y:auto;color:var(--ink);border:1px solid rgba(20,38,31,.5);border-radius:18px;background:var(--paper)}.sidebar-label{margin:0 0 12px;color:var(--ink-soft);font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.game-sidebar .invite-button{margin:0}.game-tip{display:flex;gap:10px;padding:12px;border-radius:11px;background:#f0e7d0}.game-tip>span{color:var(--tomato-dark);font-size:17px}.game-tip p{display:grid;gap:3px;margin:0;color:#6a6250;font-size:10px;line-height:1.45}.game-tip strong{color:var(--ink);font-size:11px}.confetti{position:absolute;top:-14px;z-index:2100;width:9px;height:13px;border-radius:2px;pointer-events:none}.complete-card{position:absolute;left:60%;top:50%;z-index:2000;width:min(360px,34%);padding:24px;color:var(--ink);border:1px solid rgba(20,38,31,.5);border-radius:19px;background:#f7f0dff7;box-shadow:0 25px 65px #040c098c;text-align:center;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.complete-mark{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 13px;border-radius:14px 14px 14px 5px;color:#fff;background:#1d7a5f;font-size:21px;font-weight:900;box-shadow:0 0 0 7px #1d7a5f1f}.complete-card .eyebrow{margin-bottom:7px;color:var(--tomato-dark)}.complete-card h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(19px,2.2vw,30px)}.complete-card>p:not(.eyebrow){margin:9px 0 0;color:var(--ink-soft);font-size:clamp(9px,1vw,12px);line-height:1.5}.complete-close{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:19px;line-height:1;transition:background .12s ease,color .12s ease}.complete-close:hover{background:#2b251914;color:var(--ink)}.complete-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:16px}.complete-actions .primary-button{min-height:42px;padding:0 16px}.complete-actions .secondary-button{min-height:42px}.whoami-lobby-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.68fr);gap:30px;align-items:stretch}.whoami-word-panel{position:relative;min-height:510px;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,82px);overflow:hidden;color:var(--ink);border:1px solid rgba(20,38,31,.5);border-radius:10px 24px 18px 12px;background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent 0 34px,rgba(122,113,96,.08) 34px 35px);box-shadow:var(--shadow);transform:rotate(-.35deg)}.whoami-word-panel:after{content:"?";position:absolute;right:6%;bottom:-15%;color:#e05b3d12;font-family:var(--display);font-size:clamp(200px,27vw,390px);line-height:1;pointer-events:none}.whoami-tape{position:absolute;top:-5px;left:50%;z-index:1;width:120px;height:28px;background:#f5b95ab3;box-shadow:0 2px 6px #2b251929;transform:translate(-50%) rotate(1.5deg)}.whoami-word-panel>*:not(.whoami-tape){position:relative;z-index:1}.whoami-word-panel .eyebrow{margin-bottom:10px;color:var(--tomato-dark)}.whoami-word-panel h2{margin:0;font-family:var(--display);font-size:clamp(34px,4.5vw,60px);font-weight:400}.whoami-word-help{max-width:570px;margin:15px 0 26px;color:var(--ink-soft);font-size:14px;line-height:1.6}.whoami-word-form{max-width:570px;display:grid;justify-items:start;gap:14px}.whoami-word-form .primary-button,.whoami-word-form .secondary-button{min-height:48px;padding:0 22px;white-space:nowrap}.whoami-word-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.whoami-word-list input:disabled{color:#8d8264;background:#f0e7d0}.word-count-row{max-width:570px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:10px 12px;border:1px dashed #cfc3a5;border-radius:11px;background:#fffdf6b3;font-size:12px;font-weight:700;color:#6a6250}.word-count-stepper{display:flex;align-items:center;gap:4px}.word-count-stepper button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c2b592;border-radius:9px;background:#fffdf6;cursor:pointer;font-size:17px;font-weight:800;color:var(--ink)}.word-count-stepper button:hover:not(:disabled){border-color:var(--tomato);color:var(--tomato-dark)}.word-count-stepper button:disabled{opacity:.4;cursor:not-allowed}.word-count-stepper strong{min-width:30px;text-align:center;font-family:var(--mono);font-size:15px;color:var(--ink)}.whoami-privacy-note{max-width:570px;display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--ink-soft);font-size:10px;line-height:1.5}.whoami-privacy-note span{color:#1d9f74;font-size:9px}.whoami-lobby-side{display:flex;flex-direction:column;padding:27px;color:var(--ink);border:1px solid rgba(20,38,31,.5);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.whoami-ready-list{display:grid;gap:7px}.whoami-ready-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:47px;padding:6px 8px;border:1px dashed #d1c5a7;border-radius:10px;color:var(--ink-soft)}.whoami-ready-list>div.ready{color:var(--ink);border-style:solid;border-color:#1d9f7459;background:#1d9f7414}.whoami-ready-list strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}.whoami-ready-list i{color:#91876f;font-size:9px;font-style:normal}.whoami-ready-list .ready i{color:#187d5d;font-weight:800}.whoami-players-section{flex:1}.whoami-start-hint{margin:11px 0 0;color:var(--ink-soft);font-size:10px;line-height:1.4;text-align:center}.whoami-game{height:100vh;display:flex;flex-direction:column;padding-bottom:24px;overflow:hidden}.whoami-game-heading{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 3px 18px}.whoami-game-heading .eyebrow{margin-bottom:7px}.whoami-game-heading h1{margin:0;max-width:880px;color:var(--milk);font-family:var(--display);font-size:clamp(27px,3.2vw,44px);font-weight:400;line-height:1.08}.whoami-progress{flex:0 0 auto;padding:9px 12px;color:var(--lamp);border:1px solid rgba(245,185,90,.35);border-radius:10px;background:#18332cb8;font-family:var(--mono);font-size:10px}.whoami-game-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:17px}.whoami-board{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(236,227,203,.16);border-radius:20px 20px 42px;background:radial-gradient(80% 70% at 50% 0%,rgba(245,185,90,.08),transparent 65%),#10211b94;box-shadow:inset 0 0 70px #040c095c}.whoami-board-label{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 22px;color:var(--milk-dim);font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.whoami-board-label i{flex:1;height:1px;background:var(--felt-line)}.whoami-card-grid{min-height:0;flex:1;display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));align-content:center;gap:clamp(12px,2vw,23px);padding:20px clamp(22px,4vw,55px) 26px;overflow-y:auto}.whoami-card{--tilt: 0deg;position:relative;min-height:170px;display:flex;flex-direction:column;padding:17px;overflow:hidden;color:var(--ink);border:1px solid #c9bd9f;border-radius:9px 15px 11px 8px;background-color:var(--paper);background-image:linear-gradient(90deg,transparent 35px,rgba(224,91,61,.11) 35px 36px,transparent 36px);box-shadow:0 15px 25px #040c095c;transform:rotate(var(--tilt));transition:transform .18s ease,opacity .18s ease}.whoami-card:hover{transform:rotate(0) translateY(-2px)}.whoami-card.own{border-style:dashed;border-width:2px;background-color:#e9dfc8}.whoami-card.guessed{border-color:#1d7a5fa6}.whoami-card header{display:flex;align-items:center;gap:10px}.whoami-card-count{margin-left:auto;flex:0 0 auto;padding:4px 7px;border-radius:7px;color:#187d5d;background:#1d9f741f;font-family:var(--mono);font-size:10px;font-weight:800}.whoami-guessed-words{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px}.whoami-guessed-words span{padding:4px 8px;border:1px solid rgba(29,122,95,.4);border-radius:14px;color:#187d5d;background:#1d9f7414;font-size:10px;font-weight:700}.whoami-complete-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.whoami-complete-actions>p{margin:0;color:var(--milk-dim);font-size:12px}.whoami-card header>div{min-width:0;display:grid;gap:1px}.whoami-card header strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}.whoami-card header small{color:var(--ink-soft);font-size:9px}.whoami-card-word{flex:1;display:grid;place-items:center;padding:18px 7px 4px;font-family:var(--display);font-size:clamp(24px,3.2vw,46px);line-height:1.05;text-align:center;overflow-wrap:anywhere}.whoami-card.own:not(.guessed) .whoami-card-word{color:var(--tomato-dark);font-family:var(--mono);font-size:clamp(34px,5vw,70px);letter-spacing:.12em}.whoami-stamp{position:absolute;right:8px;bottom:12px;padding:5px 8px;color:#1d7a5f;border:2px solid currentColor;border-radius:5px;font-family:var(--mono);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-9deg);opacity:.9}.whoami-board-empty{grid-column:1 / -1;margin:auto;color:var(--milk-dim)}.whoami-board-action{min-height:76px;display:flex;align-items:center;justify-content:center;padding:13px 20px;border-top:1px solid var(--felt-line);background:#0a161147}.whoami-board-action .primary-button{min-width:210px;min-height:48px;padding:0 20px}.whoami-board-action>p{margin:0;color:var(--milk-dim);font-size:12px}.whoami-guessed-note{display:flex;align-items:center;gap:10px}.whoami-guessed-note span{display:grid;place-items:center;width:27px;height:27px;color:#fff;border-radius:9px;background:#1d7a5f;font-weight:900}.whoami-chat-side{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;overflow:hidden}.whoami-chat-side>.invite-button{margin:0;color:var(--ink)}.chat{min-height:0;display:flex;flex-direction:column;overflow:hidden;color:var(--ink);border:1px solid rgba(20,38,31,.5);border-radius:13px 20px 12px 15px;background:var(--paper);box-shadow:var(--shadow);transform:rotate(.25deg)}.chat-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #ded3b9}.chat-heading>div{display:grid;gap:2px}.chat-heading strong{font-family:var(--display);font-size:17px;font-weight:400}.chat-heading small{color:var(--ink-soft);font-family:var(--mono);font-size:8px;text-transform:uppercase}.chat-heading>span{color:#1d9f74;font-size:9px}.chat-log{min-height:0;flex:1;display:flex;flex-direction:column;gap:4px;padding:10px 14px;overflow-y:auto;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(122,113,96,.09) 31px 32px);scrollbar-width:thin}.chat-message{padding:8px 9px 8px 11px;border-left:2px solid #c4b795;background:#fffdf6b8}.chat-message.own{border-left-color:var(--tomato)}.chat-message header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.chat-message header strong{font-size:10px}.chat-message time{color:var(--ink-soft);font-family:var(--mono);font-size:8px}.chat-message p{margin:4px 0 0;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.chat-empty{min-height:100%;display:grid;place-content:center;justify-items:center;gap:7px;color:var(--ink-soft);text-align:center}.chat-empty span{color:var(--tomato);font-size:22px}.chat-empty p{margin:0;font-size:11px}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px;padding:10px;border-top:1px solid #ded3b9;background:#eee4cb}.chat-composer label{min-width:0}.chat-composer input{width:100%;height:44px;padding:0 12px;color:var(--ink);border:1px solid #c9bd9f;border-radius:9px;background:#fffdf6;font-size:12px}.chat-composer input::placeholder{color:#a69a7e}.chat-composer button{display:grid;place-items:center;width:44px;height:44px;color:#fff6ea;border:0;border-radius:9px;background:var(--tomato);box-shadow:0 4px 0 var(--tomato-dark);cursor:pointer;font-size:18px;font-weight:800}.chat-composer button:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 2px #a99f87}@media(max-width:1100px){.home{padding:0 32px}.hero{gap:26px 36px}.hero h1{font-size:clamp(44px,5.6vw,66px)}.lobby-page,.game-page,.whoami-page{padding-left:24px;padding-right:24px}.lobby-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.upload-card{min-height:485px}.game-layout{grid-template-columns:minmax(0,1fr) 240px}.game-sidebar{padding:15px}.whoami-game-layout{grid-template-columns:minmax(0,1fr) 300px}.whoami-card-grid{padding-left:28px;padding-right:28px}}@media(max-width:1100px){.game-page{height:auto;min-height:100dvh;overflow:visible}.game-layout{grid-template-columns:1fr}.stage-shell{height:clamp(420px,64dvh,660px)}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.game-sidebar .game-tip{display:none}.whoami-game{height:auto;min-height:100dvh;overflow:visible}.whoami-game-layout{grid-template-columns:1fr}.whoami-board{min-height:620px}.whoami-chat-side{min-height:520px;grid-template-rows:minmax(460px,62dvh) auto;overflow:visible}}@media(max-width:820px){.home{padding:0 20px}.home-header{height:68px}.connection-pill{font-size:11px}.hero{grid-template-columns:1fr;grid-template-rows:auto;padding-top:40px}.hero-copy{grid-row:auto}.hero h1{font-size:clamp(42px,10vw,64px)}.hero-table{justify-self:center;order:2}.entry-card{justify-self:center;order:3}.home-footer{margin-top:30px}.lobby-grid,.whoami-lobby-grid{grid-template-columns:1fr}.lobby-intro{padding-top:32px}.upload-card{min-height:440px}.lobby-controls{padding:22px}.game-page{height:auto;min-height:100dvh;overflow:visible;padding-left:14px;padding-right:14px}.game-layout{grid-template-columns:1fr}.stage-shell{height:clamp(380px,62dvh,600px)}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.game-sidebar .game-tip{display:none}.whoami-page{padding-left:14px;padding-right:14px}.whoami-word-panel{min-height:430px;padding:42px 34px}.whoami-game-heading{min-height:120px}}@media(max-width:560px){.home{padding:0 16px}.connection-pill{width:9px;font-size:0}.hero{padding-top:31px;gap:28px}.hero h1{font-size:clamp(36px,11vw,52px)}.hero-lead{margin-top:25px;font-size:16px}.feature-line{display:grid;gap:9px}.hero-table{border-radius:18px 18px 42px}.entry-card{padding:19px}.game-choice{grid-template-columns:1fr}.home-footer{justify-content:center;text-align:center}.home-footer span:last-child{display:none}.lobby-page,.whoami-page{padding:0 14px 24px}.room-header{height:64px}.room-header .brand>span:last-child{display:none}.room-code{left:48%}.room-code span{display:none}.lobby-intro h1{font-size:38px}.upload-card{min-height:340px}.upload-card>img{padding:15px}.game-toolbar{grid-template-columns:1fr auto;gap:8px 15px;padding:9px 3px}.progress-track{grid-column:1 / -1;grid-row:2}.progress-number,.pan-instruction{display:none}.mini-avatars{justify-content:flex-end}.game-sidebar{grid-template-columns:1fr;padding:13px}.game-sidebar>.invite-button{display:none}.stage-shell{height:clamp(340px,60dvh,560px);border-radius:13px}.zoom-controls{right:8px;bottom:8px;padding:3px;border-radius:11px}.zoom-controls button{width:36px;height:36px}.complete-card{width:min(300px,78%);padding:15px}.whoami-word-panel{min-height:390px;padding:42px 22px 34px}.whoami-word-form{grid-template-columns:1fr}.whoami-word-form .primary-button{min-height:48px}.whoami-lobby-side{padding:20px}.whoami-game-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:22px 2px}.whoami-progress{align-self:flex-start}.whoami-board{min-height:660px;border-radius:15px 15px 30px}.whoami-card-grid{grid-template-columns:1fr;align-content:start;padding:16px}.whoami-card{min-height:155px;transform:none}.whoami-board-action{padding-left:12px;padding-right:12px}.whoami-board-action .primary-button{width:100%;min-width:0}.whoami-chat-side{min-height:500px;grid-template-rows:minmax(430px,64dvh) auto}.toast{bottom:calc(16px + env(safe-area-inset-bottom))}.game-page{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.header-actions{display:flex;align-items:center;gap:12px}.account-chip{display:flex;align-items:center;gap:9px;padding:5px 7px 5px 6px;border:1px solid rgba(236,227,203,.22);border-radius:999px;color:var(--milk);background:transparent;font-size:13px;cursor:pointer}.account-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--tomato);color:#fff;font-weight:900;font-size:13px}.account-chip:hover{border-color:#ece3cb7a;background:#ece3cb14}.account-chevron{color:var(--milk-dim);font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;align-items:start;justify-items:center;padding:clamp(40px,11vh,128px) 20px 32px;overflow-y:auto;background:radial-gradient(120% 80% at 50% 0%,rgba(245,185,90,.14),transparent 55%),#1018139e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(400px,100%);justify-self:center}.auth-card{position:relative;overflow:hidden;padding:26px 26px 28px;border:1px solid rgba(20,38,31,.45);border-radius:20px 20px 34px;background:radial-gradient(125% 68% at 50% -12%,rgba(245,185,90,.24),transparent 60%),var(--paper);box-shadow:0 30px 72px #06100c80}.auth-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:20px;line-height:1;transition:background .12s ease,color .12s ease}.auth-close:hover{background:#2b251917;color:var(--ink)}.auth-head{display:flex;align-items:center;gap:9px;margin-bottom:18px}.auth-brand{font-family:var(--display);font-size:18px;letter-spacing:.01em;color:var(--ink)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;border:1px solid #e3d9c0;border-radius:12px;background:#2b25190d}.auth-tabs button{padding:10px 0;border-radius:9px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:transparent;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.auth-tabs button.active{color:var(--ink);background:#fffdf6;box-shadow:0 1px 5px #2b25191f,inset 0 0 0 1px #e05b3d4d}.auth-body{display:grid;gap:13px}.auth-title{margin-bottom:2px}.auth-title h2{margin:0;font-family:var(--display);font-weight:400;font-size:27px;line-height:1.1;color:var(--ink)}.auth-title p{margin:7px 0 0;color:var(--ink-soft);font-size:12.5px;line-height:1.45}.auth-body .primary-button.large{margin-top:7px}.profile-card{display:grid;gap:18px;text-align:center}.profile-avatar{display:grid;place-items:center;width:82px;height:82px;margin:2px auto 0;border:5px solid #fffdf6;border-radius:50%;color:#fff;background:var(--tomato);box-shadow:0 0 0 1px #d3c7a9,0 12px 28px #2b25192e;font-family:var(--display);font-size:36px}.profile-title p{margin:0 0 7px;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.profile-details{display:grid;gap:8px;margin:0;text-align:left}.profile-details>div{display:grid;gap:4px;padding:12px 14px;border:1px solid #e1d7bd;border-radius:10px;background:#fffdf6}.profile-details dt{color:#8d8264;font-size:10px;font-weight:800;text-transform:uppercase}.profile-details dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:13px;font-weight:700}.profile-online{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#2f9d78}.profile-logout{width:100%}.mine-lobby-card{background:linear-gradient(145deg,#fffdf6,#ebe4d2)}.mine-lobby-glyph{color:var(--tomato-dark);font-size:clamp(52px,8vw,92px);line-height:1}.mine-page{width:min(1180px,100%);min-height:100vh;margin:auto;padding:0 54px 54px}.mine-heading{display:flex;align-items:end;justify-content:space-between;gap:42px;padding:48px 0 32px}.mine-heading h1{margin:0;color:var(--milk);font-family:var(--display);font-size:clamp(50px,7vw,88px);font-weight:400;line-height:.95}.mine-heading>div:first-child>p:last-child{max-width:590px;margin:22px 0 0;color:var(--milk-dim);font-size:15px;line-height:1.6}.mine-levels{display:flex;gap:8px;padding:5px;border:1px solid var(--felt-line);border-radius:13px;background:#0f211b57}.mine-levels button{min-width:130px;padding:10px 13px;border:0;border-radius:9px;color:var(--milk-dim);background:transparent;cursor:pointer;text-align:left}.mine-levels button.active{color:var(--ink);background:var(--lamp);box-shadow:0 4px #b97728}.mine-levels strong,.mine-levels span{display:block}.mine-levels strong{font-size:12px}.mine-levels span{margin-top:3px;font-family:var(--mono);font-size:8px;letter-spacing:.03em}.mine-console{width:fit-content;max-width:100%;margin:0 auto;padding:18px;color:var(--ink);border:1px solid rgba(20,38,31,.62);border-radius:18px 18px 42px;background:var(--paper);box-shadow:var(--shadow)}.mine-dashboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-bottom:13px}.mine-dashboard>div{display:grid;gap:3px}.mine-dashboard>div:last-child{text-align:right}.mine-dashboard span{color:var(--ink-soft);font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mine-dashboard strong{color:var(--tomato-dark);font-family:var(--mono);font-size:28px;line-height:1}.mine-reset{min-width:70px;height:45px;border:1px solid #b9a87f;border-radius:10px;color:var(--ink);background:#fffdf6;box-shadow:0 4px #b9a87f;cursor:pointer;font-family:var(--mono);font-weight:900}.mine-reset:active{transform:translateY(3px);box-shadow:0 1px #b9a87f}.mine-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;border:1px solid #d8cdb4;border-radius:10px;background:#e8dec5}.mine-mode button{min-height:34px;border:0;border-radius:7px;color:var(--ink-soft);background:transparent;cursor:pointer;font-size:11px;font-weight:800}.mine-mode button.active{color:#fff8e9;background:var(--tomato);box-shadow:0 2px 0 var(--tomato-dark)}.mine-board-scroll{max-width:100%;overflow-x:auto;border-radius:12px;background:#c9bc9d;scrollbar-color:var(--tomato) transparent}.mine-board{--mine-size: clamp(30px, 4.2vw, 44px);width:max-content;display:grid;grid-template-columns:repeat(var(--mine-columns),var(--mine-size));gap:2px;padding:12px;border:1px solid #aa9973;border-radius:12px;background-color:#d8c9a7;background-image:linear-gradient(rgba(43,37,25,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(43,37,25,.05) 1px,transparent 1px);background-size:18px 18px}.mine-cell{aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid #9f8d68;border-radius:6px;color:var(--ink);background:#f4ead2;box-shadow:inset 2px 2px #fffaf0,inset -2px -2px #b9a77f;cursor:pointer;font-family:var(--mono);font-size:clamp(14px,2vw,21px);font-weight:900;line-height:1}.mine-cell:hover:not(.revealed){background:#fff7e7;transform:translateY(-1px)}.mine-cell.revealed{border-color:#c1b28f;border-radius:3px;background:#f7f0df94;box-shadow:inset 0 0 0 1px #7a716014;cursor:default}.mine-cell.flagged{color:var(--tomato-dark);background:#ffd9c9}.mine-cell.revealed.has-mine{color:#2b2519;font-size:clamp(17px,2.4vw,25px)}.mine-cell.exploded{color:#fff;border-color:var(--tomato-dark);background:var(--tomato);box-shadow:inset 0 0 0 2px #ffd3c7}.mine-cell.number-1{color:#2766a0}.mine-cell.number-2{color:#28754c}.mine-cell.number-3{color:#c3472e}.mine-cell.number-4{color:#5a3a91}.mine-cell.number-5,.mine-cell.number-6,.mine-cell.number-7,.mine-cell.number-8{color:#862f24}.mine-status{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:14px 4px 0}.mine-status strong{font-family:var(--display);font-size:18px;font-weight:400}.mine-status span{color:var(--ink-soft);font-size:10px}.mine-status.won strong{color:#187d5d}.mine-status.lost strong{color:var(--tomato-dark)}.alias-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;max-width:1080px;margin:32px auto}.alias-card{min-height:420px;padding:48px;border:1px solid var(--line);border-radius:28px;background:var(--paper);display:grid;place-content:center;gap:24px;text-align:center;box-shadow:var(--shadow)}.alias-card>span{color:var(--ink-soft);font-size:18px}.alias-card>strong{font-family:var(--display);font-size:clamp(42px,8vw,90px);font-weight:400}.alias-card>div{display:flex;justify-content:center;gap:12px}.alias-layout .lobby-controls{display:flex;flex-direction:column;gap:20px}@media(max-width:820px){.alias-layout{grid-template-columns:1fr}.alias-card{min-height:320px;padding:28px}}@media(max-width:820px){.mine-page{padding:0 20px 38px}.mine-heading{align-items:stretch;flex-direction:column;gap:24px;padding-top:36px}.mine-levels button{flex:1;min-width:0}.mine-console{width:100%}.mine-board-scroll{display:grid;justify-content:safe center}}@media(max-width:560px){.mine-page{padding:0 12px 24px}.mine-header{padding:0 4px}.mine-heading{padding:30px 4px 24px}.mine-heading h1{font-size:52px}.mine-heading>div:first-child>p:last-child{margin-top:16px;font-size:13px}.mine-levels{width:100%}.mine-levels button{padding:9px}.mine-console{padding:10px;border-radius:14px 14px 28px}.mine-dashboard{gap:12px}.mine-dashboard strong{font-size:23px}.mine-reset{min-width:62px}.mine-board{padding:8px}.mine-status{align-items:flex-start;flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-trail{display:none}}.error-screen{min-height:100vh;display:grid;place-content:center;gap:16px;text-align:center;padding:24px;background:var(--felt);color:var(--paper)}.error-screen h1{margin:0;font-family:var(--display);font-size:clamp(28px,6vw,44px)}.error-screen p{margin:0;max-width:34ch;color:var(--milk-dim)}.draw-page{display:flex;flex-direction:column;gap:18px}.draw-hud{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.draw-hud h1{margin:4px 0 0;font-family:var(--display);font-size:clamp(22px,4vw,34px)}.draw-timer{display:flex;align-items:center;gap:10px;min-width:160px}.draw-timer strong{font-family:var(--mono);font-size:22px;min-width:2ch;text-align:right}.draw-timer-bar{flex:1;height:6px;border-radius:3px;background:#0000002e;overflow:hidden}.draw-timer-bar i{display:block;height:100%;background:var(--lamp);transform-origin:left;transition:transform .4s linear}.draw-word-chip{display:flex;align-items:center;gap:10px;align-self:flex-start;padding:8px 14px;border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.draw-word-chip strong{font-family:var(--display);font-size:20px}.draw-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.draw-board{display:flex;flex-direction:column;gap:12px;min-width:0}.draw-canvas-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#f7f0df}.draw-canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.draw-canvas-wrap canvas.drawing{cursor:crosshair}.draw-reveal{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;background:#18332ce0;color:var(--paper);padding:20px}.draw-reveal strong{font-family:var(--display);font-size:clamp(26px,5vw,42px)}.draw-final-scores{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:240px}.draw-final-scores li{display:flex;align-items:center;gap:10px;background:#ffffff14;border-radius:10px;padding:8px 12px}.draw-final-scores li span{min-width:24px;color:var(--lamp)}.draw-final-scores li strong{flex:1;text-align:left}.draw-final-scores li i{font-family:var(--mono);font-style:normal}.draw-final-actions{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}.draw-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#00000024}.draw-tools-gap{width:8px}.draw-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;background:var(--swatch);cursor:pointer;display:grid;place-content:center;color:var(--ink)}.draw-swatch.eraser{background:#f7f0df}.draw-swatch.active{border-color:var(--lamp);transform:scale(1.12)}.draw-width{width:30px;height:30px;border-radius:8px;border:2px solid transparent;background:#ffffff1f;cursor:pointer;display:grid;place-content:center}.draw-width i{display:block;border-radius:50%;background:var(--paper)}.draw-width.active{border-color:var(--lamp)}.draw-guess-bar{display:flex;justify-content:center}.draw-trust-note{margin:0;color:var(--milk-dim);text-align:center}.draw-side{display:flex;flex-direction:column;gap:14px;min-width:0}.draw-scores ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.draw-scores li{display:flex;align-items:center;gap:10px}.draw-scores li strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-scores li small{color:var(--lamp)}.draw-scores li i{font-family:var(--mono);font-style:normal}.draw-scores li.artist strong{color:var(--lamp)}.draw-lobby-card{gap:12px}.draw-setting-row{display:flex;gap:8px;justify-content:center}.chip-button{padding:6px 14px;border-radius:999px;border:1px solid var(--felt-line);background:transparent;color:inherit;cursor:pointer}.chip-button.active{background:var(--lamp);border-color:var(--lamp);color:var(--ink)}.trust-switch{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid var(--felt-line);background:transparent;color:inherit;cursor:pointer}.trust-switch i{width:34px;height:18px;border-radius:999px;background:#fff3;position:relative;transition:background .2s}.trust-switch i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--paper);transition:transform .2s}.trust-switch.on i{background:var(--lamp)}.trust-switch.on i:after{transform:translate(16px)}@media(max-width:900px){.draw-layout{grid-template-columns:1fr}.draw-hud{flex-direction:column;align-items:flex-start}.draw-timer{width:100%}}.durak-page{display:flex;flex-direction:column;gap:16px}.durak-game{max-width:1080px;margin:0 auto;width:100%}.durak-lobby-card{gap:12px}.durak-note{margin:0;color:var(--milk-dim)}.durak-turn-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-radius:12px;background:#0003}.durak-prompt{font-family:var(--display);font-size:clamp(16px,2.4vw,22px);color:var(--paper)}.durak-timer{display:flex;align-items:center;gap:10px;min-width:150px}.durak-timer-bar{flex:1;height:7px;border-radius:4px;background:#ffffff29;overflow:hidden}.durak-timer-bar i{display:block;height:100%;background:var(--lamp);transform-origin:left;transition:transform .45s linear}.durak-timer b{font-family:var(--mono);font-size:19px;min-width:2ch;text-align:right}.durak-opponents{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.durak-seat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:14px;background:#00000029;min-width:104px;transition:outline-color .2s;outline:2px solid transparent}.durak-seat.active{outline-color:var(--lamp)}.durak-seat strong{font-size:14px}.durak-role{font-style:normal;font-size:11px;color:var(--lamp);text-transform:uppercase;letter-spacing:.04em}.durak-badge{font-style:normal;font-size:11px;color:var(--milk-dim)}.durak-badge.loss{color:var(--tomato)}.durak-hand-backs{display:flex;gap:2px;margin-top:4px;min-height:38px;align-items:center}.durak-more{font-family:var(--mono);font-size:12px;color:var(--milk-dim)}.durak-mid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}.durak-deck{display:flex;flex-direction:column;align-items:center;gap:6px}.durak-trump-card{transform:rotate(90deg);margin-bottom:-16px}.durak-deck-stack{position:relative;display:grid;place-items:center;min-height:84px}.durak-deck-count{position:absolute;font-family:var(--mono);font-size:13px;color:var(--paper);background:#00000073;border-radius:6px;padding:1px 5px}.durak-deck-empty{font-size:12px;color:var(--milk-dim)}.durak-trump-badge{font-size:24px;line-height:1}.durak-trump-badge .red{color:var(--tomato)}.durak-table{display:flex;flex-wrap:wrap;gap:16px;align-content:center;justify-content:center;min-height:190px;padding:18px;border-radius:18px;background:#00000024;box-shadow:inset 0 0 0 1px var(--felt-line);transition:background .2s,box-shadow .2s}.durak-table.droppable{box-shadow:inset 0 0 0 1px var(--felt-line)}.durak-table.over{background:#f5b95a1f;box-shadow:inset 0 0 0 2px var(--lamp)}.durak-table-empty{color:var(--milk-dim);font-size:15px}.durak-pair{position:relative;padding:0 30px 30px 0;border-radius:12px;transition:box-shadow .15s}.durak-pair.over{box-shadow:0 0 0 3px var(--lamp)}.durak-cover{position:absolute;left:26px;top:28px}.durak-standings{width:100%;max-width:320px}.durak-standings ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.durak-standings li{display:flex;justify-content:space-between;gap:16px;padding:8px 14px;border-radius:8px;background:#ffffff12}.durak-standings li strong{color:var(--paper)}.durak-standings li i{font-style:normal;color:var(--milk-dim)}.durak-standings li.win i{color:var(--lamp)}.durak-standings li.loss i{color:var(--tomato)}.durak-actionbar{display:flex;gap:12px;justify-content:center}.durak-hand{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:flex-end;min-height:132px;padding-top:6px}.durak-card{--w: 78px;width:var(--w);height:calc(var(--w) * 1.45);border-radius:9px;border:1px solid var(--line-paper);background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:7px 6px;font-family:var(--display);box-shadow:0 3px 9px #08141047;-webkit-user-select:none;user-select:none}.durak-card b{font-size:26px;line-height:1}.durak-card span{font-size:28px;line-height:1}.durak-card.red{color:var(--tomato)}.durak-card.sm{--w: 56px}.durak-card.sm b{font-size:19px}.durak-card.sm span{font-size:20px}.durak-card.lg{--w: 92px}.durak-card.lg b{font-size:30px}.durak-card.lg span{font-size:34px}.durak-card.grabbable{cursor:grab;touch-action:none;transition:transform .12s}.durak-card.grabbable:hover{transform:translateY(-10px)}.durak-card.faded{opacity:.55}.durak-card.hidden{visibility:hidden}.durak-card.back{background:repeating-linear-gradient(45deg,var(--felt-deep),var(--felt-deep) 4px,var(--felt) 4px,var(--felt) 8px);border-color:var(--felt-line);box-shadow:none}.durak-card.back.sm{--w: 28px;width:var(--w);height:calc(var(--w) * 1.4)}.durak-card.back.md{--w: 52px;width:var(--w);height:calc(var(--w) * 1.45)}.durak-ghost{position:fixed;transform:translate(-50%,-64%);pointer-events:none;z-index:80}.durak-ghost-inner{transform:rotate(-4deg) scale(1.05);filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}@media(max-width:720px){.durak-mid{grid-template-columns:1fr}.durak-deck{flex-direction:row;justify-content:center;gap:14px}.durak-trump-card{transform:rotate(90deg);margin:0 -12px}.durak-card{--w: 62px}.durak-card.lg{--w: 68px}.durak-hand{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:6px}.durak-turn-strip{position:sticky;top:6px;z-index:5}}.durak-hint-anim{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:70;opacity:0}.durak-hint-card{width:54px;height:78px;border-radius:8px;background:var(--paper);border:1px solid var(--line-paper);box-shadow:0 10px 18px #08141066}.durak-hint-cursor{position:absolute;right:-6px;bottom:-6px;width:16px;height:16px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px var(--paper)}.alias-card{color:var(--ink)}.alias-card p,.alias-card .durak-note,.alias-card .draw-trust-note{color:var(--ink-soft)}.alias-card .chip-button{color:var(--ink);border-color:var(--line-paper)}.alias-card .chip-button.active{color:var(--ink);border-color:var(--lamp)}.alias-card .trust-switch{color:var(--ink);border-color:var(--line-paper)}.alias-card .trust-switch i{background:#2b251938}.alias-card .trust-switch.on i{background:var(--lamp)}