:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ebf3e5;background:#102d25;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--mint:#c4ef81;--gold:#ffcd72;--muted:#a9bbae;--border:#ffffff16}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 4% 20%,#3d63273a,transparent 50%),radial-gradient(ellipse at 95% 75%,#66824916,transparent 40%),#102d25;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.6px}img{max-width:100%;display:block}svg{flex-shrink:0}fieldset{padding:0;border:0;margin:0}label,legend{font-size:12px;font-weight:650;color:#d5e3d5}label{display:grid;gap:8px;margin-bottom:15px}legend{margin-bottom:9px}input,select{width:100%;min-width:0;background:#122b24;border:1px solid #d9edcb22;border-radius:9px;color:#edf3e7;padding:12px 13px;font-size:14px;min-height:44px}input::placeholder{color:#758e7e}select{color-scheme:dark}input:focus,select:focus{border-color:#bddc97}form{margin-top:21px}.app-shell{max-width:1320px;margin:auto;padding:0 38px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:34px}.site-logo{display:flex;align-items:center;gap:12px}.site-logo>span{font-size:30px;font-weight:900;letter-spacing:-3px}.site-logo>span>span{color:var(--mint)}.site-logo>div{font-size:10px;font-weight:850;letter-spacing:1px}.site-logo small{display:block;font-size:7px;font-weight:500;letter-spacing:1.25px;color:var(--muted);margin-top:5px}nav{display:flex;align-items:center;gap:12px}.icon-btn{display:grid;place-items:center;border:1px solid var(--border);background:#ffffff03;border-radius:50%;width:38px;height:38px;flex-shrink:0}.icon-btn:hover{background:#ffffff0d}.connection{font-size:10px;display:flex;align-items:center;gap:6px;color:#b7d09f;margin-right:6px}.connection i{height:6px;width:6px;background:#b9e77c;border-radius:50%;box-shadow:0 0 9px #b9e77c66}.connection.lost{color:#ffb29d}.connection.lost i{background:#ff9979}.muted{font-size:14px;line-height:1.7;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:750;color:#c6dfb0;display:flex;align-items:center;gap:7px}.brand{display:inline-flex;flex-direction:column;align-items:center;color:#efedc7;text-align:center}.brand>span{display:flex;gap:6px;align-items:center;font-size:8px;letter-spacing:2.4px;margin-bottom:13px;color:#c4e49e}.brand>strong{font-size:61px;line-height:.93;letter-spacing:-3px;font-weight:950;transform:rotate(-3deg);text-shadow:2px 4px 0 #081e1766}.brand em{font-style:normal;color:var(--gold);font-size:1.16em}.brand>b{display:block;font-size:10px;letter-spacing:3px;margin-top:17px;padding:7px 16px;border-top:1px solid #cdd69d44;border-bottom:1px solid #cdd69d44}.welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(355px,.87fr);gap:72px;align-items:start;padding:24px 30px 45px}.hero{padding-top:18px}.hero>.eyebrow{margin-bottom:35px}.hero>.brand{margin-left:32px}.hero-copy{font-size:23px;line-height:1.35;margin-top:35px;margin-bottom:11px;letter-spacing:-.5px}.hero-copy strong{color:var(--mint);font-weight:700}.hero>.muted{max-width:380px}.hero-cards{position:relative;display:flex;align-items:center;margin:29px 0 28px;padding:10px 14px 26px;justify-content:center;max-width:382px;gap:8px}.sample-card{width:106px;height:131px;border:4px solid #e8e8c9;background:#e0eed7;border-radius:13px;box-shadow:0 6px 10px #021d2555;position:relative;display:grid;place-items:center}.sample-card>img{width:93px;height:93px}.sample-card>span{position:absolute;bottom:5px;left:9px;font-size:11px;color:#476647;font-weight:900}.tilted-left{transform:rotate(-10deg);z-index:1}.tilted-right{transform:rotate(10deg)}.sample-back{background-color:#295a41;background-image:repeating-linear-gradient(45deg,transparent,transparent 7px,#acdba410 7px,#acdba410 8px);transform:translateY(-8px);color:#b5d89a}.pair-tag{display:flex;align-items:center;gap:6px;position:absolute;bottom:8px;left:50%;transform:translate(-50%) rotate(-3deg);white-space:nowrap;padding:8px 12px;background:var(--mint);color:#253722;border-radius:20px;font-size:9px;letter-spacing:1px;font-weight:850;box-shadow:0 4px 16px #0003}.feature-pills{display:flex;gap:13px;flex-wrap:wrap;color:#c3d4bc}.feature-pills span{display:flex;gap:6px;align-items:center;font-size:10px}.entry-panel{border:1px solid #f6ffe124;border-radius:20px;background:linear-gradient(155deg,#244438ee,#17382ff0);padding:28px;box-shadow:0 16px 65px #071d1630}.entry-panel h1{font-size:27px;margin:10px 0 7px}.entry-panel>.muted{font-size:11px;margin-bottom:21px}.segmented{display:flex;gap:5px;background:#0c261e;padding:5px;border-radius:10px}.segmented button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;background:none;border-radius:6px;font-size:11px;min-height:37px;padding:6px 8px;color:#a5bfa7}.segmented button[aria-pressed=true]{background:#416447;color:#efffdc;box-shadow:0 2px 4px #0003}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:17px}.mode-picker>button{display:grid;justify-items:start;gap:7px;text-align:left;min-height:102px;padding:12px;background:#143329;border:1px solid #bdd5a826;border-radius:10px}.mode-picker svg{width:19px;height:19px;color:#b5cb9c}.mode-picker strong{font-size:12px}.mode-picker small{font-size:9px;color:#a2b89f}.mode-picker .selected{border-color:#bee786;background:#bee78612}.mode-picker .selected svg{color:var(--mint)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fine{display:flex;gap:5px;align-items:flex-start;font-size:10px;line-height:1.7;color:#a6b9a4;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 17px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:750;transition:background .15s,transform .15s}.btn.primary{background:var(--mint);color:#20331e;box-shadow:0 3px #77a547}.btn.primary:hover:not(:disabled){background:#d1f59e;transform:translateY(-1px)}.btn.secondary{background:#ffffff05;border-color:#c9dfb62c;color:#dbe9d0}.btn.secondary:hover:not(:disabled){background:#ffffff0b}.btn.quiet{background:none;color:#9bb29e}.btn:disabled{opacity:.38;box-shadow:none}.btn.wide{width:100%}.btn.small{font-size:11px;padding:7px 12px;min-height:35px}.text-btn{background:none;border:0;color:#b5cca6;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:11px;min-height:36px;padding:5px}.entry-foot{font-size:9px;color:#93aa95;text-align:center;margin:18px 0 0}.code-input{font-size:24px;font-weight:750;letter-spacing:5px}.notice{border:1px solid #ffdd7833;background:#ffdd780d;color:#f1dda7;border-radius:10px;padding:12px 16px;margin:0 0 18px;font-size:12px;line-height:1.6;display:flex;align-items:center;justify-content:space-between;gap:12px}.error{color:#ffc0a8}.notice.error{background:#ff684112;border-color:#ff684143}.loading{text-align:center;padding:120px 10px}.loading h1{font-size:22px;margin:15px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-layout{display:grid;grid-template-columns:254px minmax(0,1fr);gap:24px;margin-bottom:34px}.sidebar{border:1px solid #cbe4a124;border-radius:16px;background:linear-gradient(160deg,#284530,#173429);padding:25px 18px;align-self:start}.sidebar>.brand{display:flex;margin-bottom:28px}.sidebar .brand>strong{font-size:42px}.sidebar .brand>b{font-size:8px;margin-top:12px}.sidebar .brand>span{font-size:7px}.room-info h1{font-size:16px;line-height:1.35;margin:7px 0 12px}.room-info .eyebrow{font-size:8px;letter-spacing:1px}.room-code{display:flex;align-items:center;justify-content:space-between;width:100%;background:#091f1b66;border:1px dashed #bddc8955;border-radius:8px;padding:12px;color:#d0e9a7;font-size:18px;font-weight:800;letter-spacing:2px}.room-code>span{font-size:7px;letter-spacing:1px;color:#a1b99b}.room-code>svg{color:#abc097}.leaderboard{margin:25px 0}.section-title{display:flex;align-items:center;gap:7px;color:#cbddac;padding-bottom:13px}.section-title h2{font-size:12px;font-weight:650;margin:0}.section-title>span{font-size:8px;margin-left:auto;color:#93a890;letter-spacing:1px}.rank-row{--player:#e9be79;display:flex;align-items:center;gap:9px;padding:12px 10px;border-left:3px solid var(--player);background:#061d1738;margin-bottom:7px;border-radius:6px}.color-0{--player:#ffca7d}.color-1{--player:#89d8df}.color-2{--player:#d4a8e8}.color-3{--player:#b4d983}.rank-place{font-size:10px;min-width:18px;color:var(--player)}.rank-row>div{min-width:0;flex:1}.rank-row strong{font-size:11px;display:block;overflow-wrap:anywhere}.rank-row small{font-size:9px;color:#adc0aa;display:block;margin-top:4px;line-height:1.4;overflow-wrap:anywhere}.rank-row>b{font-size:17px;color:var(--player);font-variant-numeric:tabular-nums}.rank-row.winner{background:#c5e98518}.score-note{text-align:center;border-top:1px solid var(--border);padding:17px 0 6px}.score-note>span{display:block;letter-spacing:2px;font-size:8px;color:#a2b891}.score-note>strong{font-size:25px;display:block;color:var(--gold);margin:6px}.score-note small{font-size:12px;font-weight:500}.score-note>p{font-size:10px;line-height:1.7;color:#9cb296;margin:8px}.sidebar>.text-btn{width:100%;margin-top:8px}.arena{min-width:0;border:1px solid #d3e4ac24;border-radius:16px;background:linear-gradient(145deg,#34583a66,#1e402e66);padding:24px}.arena-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:21px}.arena-top .eyebrow{font-size:8px;letter-spacing:1.4px}.arena-top h2{font-size:20px;margin:7px 0 0}.match-clock{flex-shrink:0;display:flex;align-items:center;gap:10px;background:#0c251d8c;border:1px solid #cbdf9529;border-radius:10px;padding:10px 14px;color:#cce2ad}.match-clock div{display:grid;gap:2px}.match-clock span{font-size:7px;letter-spacing:1px}.match-clock strong{font-size:25px;font-variant-numeric:tabular-nums;line-height:1.1;color:#edeece}.match-clock.urgent strong{color:#ffb595}.turn-banner{display:flex;align-items:center;gap:12px;background:#0c241d7a;border:1px solid #c2d59d24;border-radius:11px;padding:12px;margin-bottom:18px;min-height:72px}.turn-banner.your-turn{border-color:#d1ec8b6b;background:#c8e9900e}.turn-avatar{display:grid;place-items:center;color:#bdd69b;background:#bbd88213;border-radius:9px;width:37px;height:37px;flex-shrink:0}.turn-banner>div:not(.turn-clock){min-width:0;flex:1}.turn-banner strong{display:block;font-size:12px}.turn-banner span:not(.turn-avatar){font-size:9px;color:#a5bba2;display:block;margin-top:5px}.turn-clock{border-left:1px solid #bdd99526;padding-left:14px;text-align:center;min-width:65px}.turn-clock>b{font-size:25px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.turn-clock span{font-size:6px!important;letter-spacing:.7px}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:4px}.board.pairs-8{grid-template-columns:repeat(4,minmax(0,1fr));max-width:570px;margin:0 auto}.board.pairs-16{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.memory-card{aspect-ratio:1/1.06;position:relative;min-width:0;padding:5px;border:3px solid #d5dfb4;border-radius:11px;overflow:hidden;box-shadow:0 4px #081c1755;transition:transform .15s,background .2s,border-color .2s;background:#dcebcf;display:grid;place-items:center}.memory-card.face-down{background:repeating-linear-gradient(45deg,#356649 0 7px,#427350 7px 8px);border-color:#c3d4a0}.memory-card.face-down:before{content:"";position:absolute;inset:5px;border:1px solid #b5d38c50;border-radius:7px}.card-back{display:grid;justify-items:center;gap:3px;color:#b3cf89}.card-back svg{width:35px;height:35px;stroke-width:1.1}.card-back small{font-size:7px;letter-spacing:2px;font-weight:800}.memory-card.face-down:hover:not(:disabled){transform:translateY(-3px);border-color:#ebf8d2;filter:brightness(1.12)}.memory-card:disabled{opacity:1}.memory-card:disabled.face-down{cursor:default}.memory-card img{width:90%;height:90%;object-fit:contain;user-select:none;pointer-events:none}.card-number{position:absolute;bottom:5px;left:7px;font-size:8px;font-weight:700;color:#87a16f;font-variant-numeric:tabular-nums}.face-up .card-number{color:#59734988}.memory-card.matched{border-color:var(--player);background:#dce5c4}.memory-card.matched img{opacity:.74}.matched-check{position:absolute;top:3px;right:3px;border-radius:50%;background:var(--player);color:#294225;width:20px;height:20px;display:grid;place-items:center}.board-footer{display:flex;justify-content:space-between;align-items:center;margin:17px 4px 0;color:#a9c098;font-size:9px;gap:8px}.board-footer>span{display:flex;align-items:center;gap:8px}.progress-track{width:60px;height:4px;background:#00180f66;display:block;border-radius:8px;overflow:hidden}.progress-track>i{display:block;background:var(--mint);height:100%;transition:width .2s}.event{text-align:center;font-size:11px;line-height:1.6;color:#c8dab6;margin:16px 0 0;min-height:18px}.host-controls{border-top:1px solid #bdd38b20;display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:15px;flex-wrap:wrap}.host-controls>span{display:flex;align-items:center;gap:5px;margin-right:auto;color:#91a985;font-size:7px;letter-spacing:.7px}.lobby-stage{text-align:center;padding:18px 10px 6px}.lobby-icon{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.lobby-icon img{width:93px;height:93px}.lobby-icon>svg{color:var(--mint);transform:rotate(-25deg);margin-left:-8px;margin-top:-35px}.lobby-stage h3{font-size:22px;margin-bottom:8px}.lobby-stage>.muted{font-size:12px}.roster{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px auto 15px;text-align:left;max-width:650px}.player-slot{display:flex;align-items:center;gap:9px;border:1px dashed #bfd7972b;border-radius:9px;padding:12px;min-width:0}.player-slot.filled{border-style:solid;background:#08271b44}.avatar{background:#aec3911a;border:1px solid #bed8a32c;border-radius:50%;height:33px;width:33px;flex-shrink:0;display:grid;place-items:center;color:var(--player,#95ae8a);font-size:13px;font-weight:800}.player-slot>div{min-width:0;flex:1}.player-slot strong{font-size:11px;display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}.player-slot em{font-size:6px;font-style:normal;color:#cae49c;border:1px solid #cae49c33;padding:2px 3px;border-radius:3px}.player-slot small{display:block;font-size:9px;color:#a4ba98;margin-top:4px}.player-slot>.icon-btn{width:25px;height:25px}.player-slot>svg{color:#bbd98e}.lobby-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 16px}.lobby-actions .fine{margin:0}.lobby-stage>.fine{justify-content:center}.result-banner{display:flex;gap:14px;align-items:center;padding:20px;background:#d4e58716;border:1px solid #d4e58755;border-radius:12px;margin-bottom:21px}.result-banner>svg{color:var(--gold)}.result-banner>div{flex:1;min-width:0}.result-banner span{font-size:8px;letter-spacing:1.6px;color:var(--gold)}.result-banner h3{font-size:23px;margin:5px 0;color:#f3efcb;overflow-wrap:anywhere}.result-banner p{font-size:10px;color:#b8c99f;margin:0;line-height:1.6}.result-banner .btn{font-size:11px}.a2z-visitor-counter{max-width:none!important;background:#09221c44!important;--counter-border:#bfd99f24!important;margin-top:12px!important;color:#d8e6cd}footer{display:flex;align-items:center;justify-content:space-between;color:#8ca68e;font-size:9px;border-top:1px solid var(--border);padding:15px 0 25px;gap:15px}footer i{font-style:normal;padding:0 7px}.overlay{position:fixed;inset:0;background:#041b14cf;backdrop-filter:blur(6px);z-index:50}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:450px;max-height:90svh;overflow:auto;background:#1c3d30;border:1px solid #d6e4a740;border-radius:17px;box-shadow:0 20px 90px #0008;padding:24px;z-index:51}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.modal-heading h2{font-size:19px;margin:0}.modal-heading .icon-btn{width:30px;height:30px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.qr-invite>.muted{text-align:center;font-size:12px}.qr-preview{background:#fff;width:260px;min-height:260px;margin:17px auto;display:grid;place-items:center;border-radius:8px;max-width:100%;padding:10px;color:#2b5839}.qr-preview img{width:240px;height:auto}.qr-invite>.btn{margin-bottom:10px}.qr-invite label{margin-top:10px}.qr-invite input{font-size:11px}.qr-invite>.fine{display:block;font-size:9px;margin:13px 0 0}.rules p,.rules li{font-size:13px;line-height:1.8;color:#c2d4b7}.rules strong{color:#e5f5ce}.rules ol{padding-left:20px}.rules li{padding-left:5px;margin-bottom:10px}@media(min-width:1450px){.app-shell{max-width:1400px}.game-layout{grid-template-columns:275px minmax(0,1fr)}.arena{padding:30px}.board{gap:14px}.board.pairs-16{gap:12px}}@media(max-width:1050px){.app-shell{padding:0 24px}.welcome{gap:34px;padding:15px 0 35px;grid-template-columns:1fr 1fr}.hero>.brand{margin-left:10px}.hero .brand>strong{font-size:53px}.hero>.eyebrow{font-size:8px}.entry-panel{padding:22px}.game-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.sidebar{padding:22px 14px}.sidebar .brand>strong{font-size:35px}.arena{padding:18px}.arena-top h2{font-size:17px}.match-clock{padding:8px 10px}.board{gap:8px}.board.pairs-16{grid-template-columns:repeat(4,minmax(0,1fr))}.memory-card{border-width:2px;border-radius:8px}.card-back svg{width:27px;height:27px}.card-back small{font-size:6px}.result-banner{flex-wrap:wrap}.result-banner .btn{margin-left:46px}.roster{grid-template-columns:1fr}.hero-copy{font-size:21px}}@media(max-width:740px){.app-shell{padding:0 18px}.topbar{height:72px;margin-bottom:23px}.welcome{grid-template-columns:1fr;max-width:510px;gap:25px;margin:auto;padding:0 0 25px}.hero{text-align:center;padding-top:6px}.hero>.eyebrow{justify-content:center;margin-bottom:22px}.hero>.brand{margin:0}.hero .brand>strong{font-size:48px}.hero .brand>b{font-size:8px;margin-top:13px}.hero-copy{font-size:20px;margin:22px 0 10px}.hero>.muted{font-size:12px;max-width:310px;margin:0 auto 8px}.hero-cards{margin:8px auto 14px;padding-bottom:23px}.sample-card{width:82px;height:99px;border-width:3px}.sample-card>img{width:74px;height:74px}.sample-card>span{font-size:9px;bottom:2px}.sample-back>svg{width:28px}.pair-tag{font-size:8px;padding:6px 9px;bottom:3px}.feature-pills{justify-content:center;gap:10px}.feature-pills span{font-size:9px}.entry-panel{padding:23px}.game-layout{display:flex;flex-direction:column;gap:14px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:15px;width:100%}.sidebar>.brand,.score-note,.sidebar>.text-btn{display:none}.room-info h1{font-size:14px;margin:6px 0 9px}.room-info .eyebrow{font-size:6px;letter-spacing:.6px}.room-code{font-size:17px;padding:9px}.room-code>span{font-size:6px}.sidebar>.btn{align-self:end;min-height:40px;font-size:11px}.leaderboard{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.section-title{grid-column:1/-1;padding-bottom:3px}.section-title h2{font-size:10px}.section-title>svg{height:13px;width:13px}.rank-row{margin:0;padding:9px 7px;gap:6px}.rank-row strong{font-size:10px}.rank-row small{font-size:8px}.rank-row>b{font-size:16px}.rank-place{min-width:14px;font-size:9px}.rank-place>svg{width:14px}.arena{padding:16px}.arena-top{padding-bottom:16px;gap:9px}.arena-top h2{font-size:16px;line-height:1.3}.arena-top .eyebrow{font-size:7px;letter-spacing:1px}.match-clock{padding:8px 9px;gap:7px;border-radius:8px}.match-clock strong{font-size:22px}.match-clock span{font-size:6px}.match-clock>svg{height:17px;width:17px}.board,.board.pairs-16{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0}.board.pairs-8{max-width:none}.memory-card{border-width:3px;border-radius:9px}.card-back svg{width:32px;height:32px}.card-back small{font-size:7px}.turn-banner{padding:9px;margin-bottom:14px;gap:9px;min-height:64px}.turn-banner strong{font-size:11px}.turn-banner span:not(.turn-avatar){font-size:8px}.turn-avatar{width:29px;height:29px}.turn-clock{min-width:51px;padding-left:10px}.turn-clock>b{font-size:23px}.roster{grid-template-columns:1fr 1fr;gap:8px}.player-slot{padding:9px;gap:7px}.player-slot strong{font-size:10px}.player-slot small{font-size:8px}.avatar{width:27px;height:27px}.lobby-stage{padding:5px 0}.lobby-stage h3{font-size:19px}.lobby-stage>.muted{font-size:11px}.lobby-actions{flex-wrap:wrap}.lobby-stage .fine{font-size:9px}.lobby-icon img{width:74px;height:74px}.result-banner{padding:15px;gap:10px}.result-banner h3{font-size:20px}.result-banner .btn{margin-left:42px}.board-footer{font-size:8px;margin:14px 0 0}.board-footer .progress-track{width:40px}.event{font-size:10px}.host-controls{margin-top:15px;padding-top:12px;gap:5px}.host-controls>span{font-size:6px}.btn.small{font-size:10px;padding:7px 9px}.connection{font-size:8px;margin:0}.topbar nav{gap:8px}.icon-btn{width:34px;height:34px}.a2z-visitor-counter{margin-bottom:17px!important}footer{font-size:8px;padding-bottom:18px}.modal{padding:21px}.modal-heading h2{font-size:17px}}@media(max-width:380px){.app-shell{padding:0 11px}.site-logo>div{font-size:8px}.site-logo small{font-size:6px}.site-logo>span{font-size:27px}.site-logo{gap:8px}.topbar nav{gap:5px}.connection{display:none}.arena{padding:12px}.board,.board.pairs-16{gap:7px}.memory-card{border-width:2px}.card-back svg{width:25px;height:25px}.card-number{font-size:7px;bottom:3px;left:4px}.entry-panel{padding:19px}.roster{grid-template-columns:1fr}.sidebar{padding:13px;gap:12px}.rank-row strong{font-size:9px}.rank-row small{font-size:7px}.board-footer>span:last-child{font-size:7px}.arena-top h2{font-size:14px}.host-controls>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.a2z-host-mode{--host-role-accent:#c4ef81;border:0;padding:0;margin:16px 0 18px;min-width:0}.a2z-host-mode legend{font-size:12px;font-weight:650;margin:0 0 10px;color:inherit}.a2z-host-mode>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.a2z-host-mode button{display:flex;gap:9px;align-items:flex-start;text-align:left;background:#ffffff03;border:1px solid #ffffff24;border-radius:10px;padding:12px;color:inherit;font:inherit;cursor:pointer;min-width:0;min-height:72px}.a2z-host-mode button[aria-pressed=true]{border-color:var(--host-role-accent);background:#a8cd7410}.a2z-host-mode button:focus-visible{outline:3px solid var(--host-role-accent);outline-offset:3px}.a2z-host-mode svg{flex-shrink:0;color:var(--host-role-accent);margin-top:1px}.a2z-host-mode strong{display:block;font-size:12px;line-height:1.4}.a2z-host-mode small{display:block;font-size:10px;line-height:1.5;opacity:.7;margin-top:4px}.host-role-note{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #d6e3b729;border-radius:9px;margin:0 0 18px;font-size:12px;line-height:1.6;background:#ffffff04}.host-role-note svg{flex-shrink:0}.host-observer-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:330px;border:1px dashed #baff6b55;border-radius:16px;background:#baff6b05;text-align:center;padding:30px}.host-observer-panel>svg{color:#baff6b}.host-observer-panel h2{margin:0;font-size:24px}.host-observer-panel p{line-height:1.8;max-width:340px;color:#a9b9a8;margin:0;font-size:14px}.host-observer-panel .host-watch-count{font-size:16px;color:#c5e3a6}.host-role-note strong{font-weight:700}@media(max-width:390px){.a2z-host-mode button{padding:10px;gap:7px;flex-direction:column}.a2z-host-mode strong{font-size:11px}.a2z-host-mode small{font-size:9px}.host-role-note{font-size:10px;padding:10px}.host-observer-panel{min-height:240px;padding:25px}}.a2z-visitor-counter{--counter-accent:#baff6b;--counter-border:#3b4d3e;display:grid;grid-template-columns:minmax(170px,1fr) auto auto;align-items:center;gap:12px 32px;max-width:1050px;width:100%;margin:8px auto 26px;padding:18px 23px;border:1px solid var(--counter-border);border-radius:14px;background:linear-gradient(115deg,#ffffff05,#ffffff02);font-family:inherit;color:inherit}.a2z-visitor-heading{display:flex;align-items:center;gap:12px}.a2z-visitor-icon{width:38px;height:38px;border-radius:10px;background:#baff6b10;display:grid;place-items:center;color:var(--counter-accent);flex-shrink:0}.a2z-visitor-heading>div{display:grid;gap:5px}.a2z-visitor-heading strong{font-size:10px;letter-spacing:1.6px;font-weight:800}.a2z-visitor-heading>div>span{font-size:11px;color:#a8b8c6}.a2z-visitor-stat{display:grid;gap:4px;min-width:70px;text-align:center}.a2z-visitor-stat>strong{font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--counter-accent);letter-spacing:-.6px}.a2z-visitor-stat>span{font-size:10px;color:#b7c5d5}.a2z-visitor-note{grid-column:1/-1;margin:0;border-top:1px solid #ffffff0c;padding-top:11px;font-size:10px;color:#9caebc;line-height:1.5}.a2z-visitor-counter[data-game=feud]{--counter-accent:#ffd36b;--counter-border:#4d5265}.a2z-visitor-counter[data-game=feud] .a2z-visitor-icon{background:#ffd36b13}@media(max-width:520px){.a2z-visitor-counter{grid-template-columns:1fr 1fr;gap:16px;padding:17px}.a2z-visitor-heading{grid-column:1/-1}.a2z-visitor-stat{padding:8px 6px;background:#ffffff03;border-radius:9px}.a2z-visitor-stat>strong{font-size:25px}.a2z-visitor-note{text-align:center}}