:root{color:#f5f7fa;font-synthesis:none;--paper:#151d2a;--line:#2b3544;--muted:#a6afbc;--green:#3dbb8b;--yellow:#efbc53;--gray:#5e6978;background:#0e1420;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(70% 38% at 50% -15%,#283650 0%,#0000 78%),#0e1420;min-width:300px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:2px solid #f4c568}.shell{max-width:1280px;min-height:100vh;margin:auto;padding:0 32px 28px}.topbar{border-bottom:1px solid #263041;justify-content:space-between;align-items:center;height:82px;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.brand-mark{grid-template-columns:repeat(2,9px);gap:3px;display:grid;transform:rotate(-10deg)}.brand-mark i{background:#3dbb8b;border-radius:2px;width:9px;height:9px}.brand-mark i:nth-child(2){background:#efbc53}.brand-mark i:nth-child(3){background:#556273}.brand-mark i:nth-child(4){background:#3dbb8b}.top-actions{align-items:center;gap:10px;display:flex}.connection{color:#a9b4c3;border-left:2px solid #6f7b8c;margin-right:13px;padding-left:10px;font-size:12px}.connection.connected{color:#85ddb8;border-color:var(--green)}.icon-button{color:#dce3ec;background:#172132;border:1px solid #354052;border-radius:9px;place-items:center;width:36px;height:36px;font-size:19px;font-weight:700;transition:background .15s;display:grid}.icon-button:hover{background:#263449}.content{grid-template-columns:232px minmax(0,750px);justify-content:center;align-items:start;gap:28px;display:grid}.play-column{min-width:0}.intro{padding:33px 0 24px}.eyebrow{color:#6fd0a5;letter-spacing:.22em;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.eyebrow-line{background:#6fd0a5;width:24px;height:1px}.players-panel{background:#172231;border:1px solid #354153;border-radius:15px;max-height:calc(100vh - 110px);margin-top:34px;padding:15px;overflow:auto;box-shadow:0 12px 34px #05080e33}.players-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.players-kicker{color:#70d2a8;letter-spacing:.16em;font-size:10px;font-weight:800}.players-heading h2{margin:2px 0 0;font-size:17px;line-height:1.2}.player-count{color:#e7cc87;white-space:nowrap;background:#51422b;border-radius:10px;padding:4px 7px;font-size:11px;font-weight:700}.players-description,.players-note{color:#a6b4c3;margin:10px 0;font-size:11px;line-height:1.5}.players-note{border-top:1px solid #354153;margin-bottom:0;padding-top:9px}.players-list{gap:9px;display:grid}.player-card{background:#1e2a39;border:1px solid #344252;border-radius:10px;padding:9px}.player-card.self{border-color:#3c906d}.player-head{align-items:center;gap:8px;min-width:0;margin-bottom:8px;display:flex}.player-avatar{color:#fff;background:#39795f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid;overflow:hidden}.player-avatar img{object-fit:cover;width:100%;height:100%}.player-detail{flex-direction:column;min-width:0;display:flex}.player-detail strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.player-detail span{color:#b9c4d0;white-space:nowrap;font-size:10px}.mini-board{grid-template-columns:repeat(6,1fr);gap:3px;width:min(100%,132px);display:grid}.mini-cell{aspect-ratio:1;background:#283647;border:1px solid #465365;border-radius:2px}.mini-cell.correct{background:#318b69;border-color:#318b69}.mini-cell.present{background:#b58c31;border-color:#b58c31}.mini-cell.absent{background:#4b5664;border-color:#4b5664}h1{letter-spacing:-.04em;margin:12px 0 13px;font-size:clamp(28px,5vw,46px);font-weight:800;line-height:1.2}h1 em{color:#efc267;font-style:normal}.intro-bottom{justify-content:space-between;align-items:end;gap:14px;display:flex}.intro p{color:#aeb9c8;margin:0;font-size:15px;line-height:1.6}.puzzle-id{color:#f3c86e;white-space:nowrap;letter-spacing:.05em;background:#2c2c2d;border:1px solid #61502e;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.game{background:linear-gradient(165deg,#182232,#141c2a);border:1px solid #354153;border-radius:18px;padding:19px 29px 14px;box-shadow:0 20px 60px #05080e55}.game-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.game-label{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.pulse-dot{background:#4acf9a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #28735155}.attempts{color:#bdc5cf;font-size:13px}.board{flex-direction:column;gap:6px;width:min(100%,340px);margin:0 auto;display:flex}.board-row{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.tile{aspect-ratio:1;color:#fff;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;background:#192331;border:2px solid #3d4958;border-radius:5px;place-items:center;min-width:0;font-size:clamp(18px,4.1vw,25px);font-weight:800;line-height:1;display:grid}.tile.filled{background:#253244;border-color:#8190a0}.tile.correct,.key.correct,.example-tile.correct{color:#fff;background:#318b69;border-color:#318b69}.tile.present,.key.present,.example-tile.present{color:#fff;background:#b58c31;border-color:#b58c31}.tile.absent,.key.absent,.example-tile.absent{color:#fff;background:#4b5664;border-color:#4b5664}.message{text-align:center;color:#b5c0cf;min-height:28px;margin:13px auto 8px;font-size:13px}.message.won{color:#8be0b5;font-weight:700}.message.lost{color:#f5cf83;font-weight:700}.keyboard{flex-direction:column;gap:6px;max-width:535px;margin:auto;display:flex}.key-row{justify-content:center;gap:5px;display:flex}.key{color:#f8fafc;background:#354254;border:0;border-radius:5px;flex:1;min-width:0;height:44px;font-size:14px;font-weight:800;transition:filter .13s,transform 80ms;box-shadow:inset 0 -2px #0002}.key:hover{filter:brightness(1.19)}.key:active{transform:translateY(1px)}.key.wide{background:#506073;flex:1.5;font-size:12px}.key.wide:last-child{font-size:21px}.key.correct,.key.present,.key.absent{box-shadow:inset 0 -2px #0002}.game-footer{color:#8f9bab;border-top:1px solid #2b3746;justify-content:space-between;align-items:center;gap:12px;min-height:45px;margin-top:18px;padding-top:13px;font-size:12px;display:flex}.share-button{color:#071b16;background:#38a87d;border:0;border-radius:7px;padding:8px 12px;font-size:13px;font-weight:800}.share-button:hover{background:#56c997}.share-button span{margin-left:5px;font-size:16px}.share-button[hidden]{display:none}.game-footer a{color:#aebcc9;text-underline-offset:2px;text-decoration:underline}.modal{color:#edf2f7;background:#172231;border:1px solid #4a5768;border-radius:17px;width:min(94vw,510px);max-height:min(90vh,740px);padding:26px 28px 24px;overflow:auto;box-shadow:0 28px 80px #000b}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02060bc9}.modal-head{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.modal-kicker{color:#72d7ac;letter-spacing:.2em;font-size:11px;font-weight:800}.modal h2{margin:5px 0 0;font-size:26px}.modal p{color:#bfc9d5;font-size:14px;line-height:1.8}.close-button{color:#dce5ec;background:#202d3d;border:1px solid #495769;border-radius:7px;width:31px;height:31px;font-size:21px;line-height:1}.rule-list{border-top:1px solid #354355;border-bottom:1px solid #354355;gap:15px;margin:20px 0;padding:14px 0;display:grid}.rule{align-items:center;gap:13px;display:flex}.example-tile{border-radius:4px;flex:none;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid}.rule strong{font-size:14px;display:block}.rule small{color:#aab6c4;margin-top:3px;font-size:12px;line-height:1.55;display:block}.rule-note{color:#dfcfa9;background:#302b24;border:1px solid #514831;border-radius:9px;padding:11px 13px;font-size:13px;line-height:1.7}.rule-note strong{color:#f2cc73}.modal-footnote{font-size:12px!important}.primary-button{color:#062019;background:#3bb486;border:0;border-radius:8px;width:100%;margin-top:7px;padding:11px;font-weight:800}.primary-button:hover{background:#63d4a7}.stats-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin:24px 0;display:grid}.stats-grid>div{background:#202d3d;border:1px solid #364657;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:75px;padding:13px 3px;display:flex}.stats-grid strong{font-size:22px}.stats-grid span{color:#aebcca;margin-top:2px;font-size:11px}.stats-modal h3{margin:18px 0 12px;font-size:14px}.stat-bars{gap:6px;display:grid}.stat-bar-row{color:#b7c2cf;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.stat-bar-row>span{width:10px}.bar-track{flex:1;height:21px}.bar-fill{color:#fff;background:#32936f;border-radius:3px;justify-content:flex-end;align-items:center;min-width:25px;height:100%;padding:0 7px;font-size:11px;display:flex}.stats-note{margin:20px 0 14px;font-size:12px!important}.toast{z-index:10;color:#1d2021;opacity:0;pointer-events:none;white-space:nowrap;text-align:center;background:#f3c96e;border-radius:7px;max-width:95vw;padding:10px 15px;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;top:95px;left:50%;transform:translate(-50%,-10px);box-shadow:0 8px 30px #0006}.toast.visible{opacity:1;transform:translate(-50%)}@keyframes tile-pop{0%{transform:scale(.8)}55%{transform:scale(1.09)}to{transform:scale(1)}}@keyframes row-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes tile-flip{0%{transform:rotateX(0)}48%{transform:rotateX(90deg)}52%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes tile-celebrate{0%,to{transform:translateY(0)}45%{transform:translateY(-15px)}70%{transform:translateY(-6px)}}.tile.pop{animation:.16s ease-out tile-pop}.board-row.shake{animation:.46s ease-in-out row-shake}.tile.flipping{backface-visibility:hidden;animation:.46s ease-in-out both tile-flip}.tile.celebrate{animation:.55s ease-out both tile-celebrate}@media (width<=990px){.content{grid-template-columns:1fr;gap:0;max-width:750px;margin:auto}.players-panel{order:2;max-height:none;margin-top:18px}.play-column{order:1}.players-list{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.mini-board{width:120px}}@media (width<=600px){.shell{padding:0 13px 18px}.topbar{height:61px}.brand{font-size:19px}.connection{margin-right:2px;font-size:11px}.top-actions{gap:5px}.icon-button{width:31px;height:31px}.intro{padding:23px 6px 20px}.intro-bottom{flex-direction:column;align-items:start;gap:9px}.intro p{font-size:14px}.game{border-radius:12px;padding:15px 11px 13px}.board{width:min(100%,328px)}.board-row{gap:5px}.tile{border-width:2px}.keyboard{gap:5px}.key-row{gap:3px}.key{height:44px;font-size:12px}.key.wide{font-size:10px}.game-footer{font-size:11px}.modal{padding:22px 20px}}@media (width<=360px){.connection{display:none}.key{font-size:11px}.key.wide{font-size:9px}.game{padding-left:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){.tile.pop,.tile.flipping,.tile.celebrate,.board-row.shake{animation:none!important}}