:root{color-scheme:dark;--bg:#071724;--panel:#0d2435;--panel2:#112e41;--ink:#f4f1e9;--muted:#b0c2cb;--gold:#e8c38a;--teal:#437f76;--amber:#a77e49;--absent:#34495a;--border:#315568;--font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}.skip-link{position:absolute;left:-500px;top:0}.skip-link:focus{left:8px;top:8px;z-index:10000;background:var(--gold);color:#0b2536;padding:10px}.atmosphere{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 63% 35% at 80% 0%,#2b465342,transparent 80%),repeating-linear-gradient(0deg,transparent 0 47px,#7d9ba20b 48px),repeating-linear-gradient(90deg,transparent 0 47px,#7d9ba20b 48px);pointer-events:none}.page{width:min(1370px,calc(100% - 42px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:82px;border-bottom:1px solid #3a5463}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none}.monogram{font:900 37px/1 var(--font);letter-spacing:-.09em}.monogram span,.wordmark strong span,.endnote strong span{color:var(--gold)}.wordmark>span:last-child{display:grid;gap:2px}.wordmark strong{font-weight:850;font-size:19px;letter-spacing:.07em}.wordmark small{font-size:9px;letter-spacing:.19em;color:#a7c2cd}.top-actions{display:flex;align-items:center;gap:8px}.clock-date{font-size:10px;font-weight:800;letter-spacing:.11em;color:#b3cbd2;margin-right:15px}.icon-button,.profile-button{min-height:38px;border-radius:10px;border:1px solid #456477;background:#132f41;color:#e6c894}.icon-button{width:39px;display:grid;place-items:center;font-weight:850;font-size:18px}.icon-button svg{width:19px;height:19px}.profile-button{display:flex;align-items:center;gap:8px;padding:8px 11px;color:#e4e8e7;font-size:10px;font-weight:850;max-width:230px}.profile-dot{width:7px;height:7px;border-radius:50%;background:#83d4ac;box-shadow:0 0 12px #60d0ab;flex:0 0 auto}.profile-button #nickname-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-edit{color:var(--gold);font-size:15px}.icon-button:hover,.profile-button:hover,.text-button:hover{background:#264459}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,282px);align-items:end;gap:25px;padding:37px 3px 32px}.eyebrow,.overline{font-size:10px;letter-spacing:.17em;color:var(--gold);font-weight:850}.eyebrow{display:flex;align-items:center;gap:8px}.spark-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#e2bd85;box-shadow:0 0 16px #a77a4e}.hero h1{font:400 clamp(43px,5.6vw,76px)/1.045 var(--serif);letter-spacing:-.045em;margin:15px 0 13px}.hero h1 em,.aside-title em,.modal h2 em{color:var(--gold);font-weight:400}.hero-copy>p{max-width:580px;font-size:13px;line-height:1.75;color:#b5cbd3;margin:0}.hero-score{background:linear-gradient(125deg,#122d3e,#1f3b47);border:1px solid #557382;border-radius:14px;padding:19px 21px;box-shadow:0 15px 35px #0002}.hero-score>span{color:#d9b887;font-size:10px;font-weight:850;letter-spacing:.13em}.score-main{display:flex;align-items:baseline;gap:7px;margin:7px 0}.score-main strong{font:400 56px/1.15 var(--serif);color:#f4e6cf}.score-main small{font-size:17px;color:#8caebc}.score-progress{height:5px;border-radius:99px;background:#254453;overflow:hidden;margin:5px 0 12px}.score-progress>div{height:100%;background:linear-gradient(90deg,#59a394,#e3c08b);transition:width .45s;border-radius:99px}.score-foot{display:flex;justify-content:space-between;color:#b4c8cd;font-size:10px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.play-column{min-width:0}.round-tracker{border:1px solid #405f73;background:#102a3b;border-radius:13px;padding:15px 20px;margin-bottom:14px}.rounds-label{display:flex;justify-content:space-between;gap:10px;color:#d9b986;font-weight:850;font-size:10px;letter-spacing:.12em}.rounds-label span:last-child{font-weight:650;color:#a8c1cd}.rounds{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.round-circle{display:grid;place-items:center;flex:1;max-width:122px;min-width:0;height:47px;background:#102334;color:#8199a8;border:1px solid #355263;border-radius:8px;font-size:12px;font-weight:850;letter-spacing:.09em}.round-circle.current{color:#10293a;background:var(--gold);border-color:#f0c98f;box-shadow:0 6px 18px #e8c38a20}.round-circle.solved{background:#25554f;color:#dff8e9;border-color:#5b9689}.round-circle.failed{background:#4a3840;color:#ffe0ce;border-color:#8e636c}.round-circle.locked{opacity:.5}.play-panel{min-height:660px;border:1px solid #4d6f81;border-radius:15px;background:radial-gradient(ellipse 88% 40% at 100% 0%,#233e4a,#0d2636 80%);padding:clamp(17px,3vw,31px);display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 33px #0003}.play-panel-top{width:100%;display:flex;justify-content:space-between;align-items:start;gap:13px}.play-panel h2{font:400 clamp(23px,3vw,32px) var(--serif);margin:7px 0 0}.tries{display:flex;flex-direction:column;align-items:center;color:var(--gold)}.tries>span{font:400 29px/1 var(--serif)}.tries small{color:#95b6c1;font-size:9px;letter-spacing:.05em;margin-top:4px}.game-notice{font-size:11px;color:#b4c9d2;margin:16px 0 12px;min-height:16px;text-align:center}.game-notice.warn{color:#f1bc96}.game-notice.good{color:#8be0c1}.board{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:6px;aspect-ratio:5 / 6;min-height:290px;width:min(100%,318px);margin:2px auto 18px}.tile-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tile{display:flex;align-items:center;justify-content:center;min-width:0;border:1.5px solid #416077;border-radius:5px;background:#0c1f2f;color:#f5f3e9;font-size:clamp(17px,3vw,28px);font-weight:850;position:relative;user-select:none;transition:background .22s,border-color .22s;box-shadow:inset 0 0 0 1px #162d3d}.tile.typed{border-color:#a1b6bf;background:#163045}.tile.G{background:#3c796e;border-color:#6aa99a}.tile.Y{background:#a17a48;border-color:#d0a468}.tile.X{background:#344959;border-color:#536876}.tile-status{position:absolute;bottom:2px;right:3px;font-size:9px;color:#fff}.keyboard{width:min(100%,590px);display:grid;gap:6px;margin:0 auto}.key-row{display:flex;gap:5px;justify-content:center}.key{height:46px;min-width:0;flex:1;background:#243e51;border:1px solid #446274;border-radius:6px;color:#e7eef1;font-size:13px;font-weight:800;touch-action:manipulation}.key.wide{flex:1.35;font-size:11px;background:#39566b}.key.G{background:#407d72;color:#fff}.key.Y{background:#a4824e;color:#fff}.key.X{background:#384b5b;color:#c9d6da}.key:active{transform:scale(.97)}.play-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;margin-top:19px;padding-top:14px;border-top:1px solid #335469;color:#92b4be;font-size:9px;letter-spacing:.07em}.dot{display:inline-block;border-radius:50%;background:#8fd7b4;width:6px;height:6px;margin-right:5px}.text-button{background:none;border:0;color:#e6bf84;font-size:10px;font-weight:800}.aside{display:grid;gap:15px}.aside-card{background:#10283a;border:1px solid #3f6172;border-radius:13px;padding:22px}.aside-title{font:400 27px/1.2 var(--serif);margin:16px 0 20px}.aside-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #355465;color:#b4cbd2;font-size:12px}.aside-stat b{font:400 21px var(--serif);color:#e9c38a}.countdown{border-radius:7px;background:#214053;border:1px solid #375a69;padding:12px;text-align:center;color:#c9d8dd;font-size:11px;margin-top:17px}.community-card{background:linear-gradient(125deg,#182f41,#132b35)}.aside-icon{font-size:39px;color:#dfb97d;margin:11px 0 0}.community-card h3{font:400 25px var(--serif);margin:8px 0}.community-card p{font-size:12px;line-height:1.65;color:#aec9d1}.aside-soon{font-size:9px;font-weight:850;letter-spacing:.1em;border:1px solid #a88966;padding:11px;border-radius:8px;color:#e7c597;margin-top:12px}.how-mini{padding:12px 17px}.how-mini>span{color:var(--gold);font-size:10px;letter-spacing:.12em;font-weight:850}.how-mini p{font-size:11px;color:#a9c3cc;margin:13px 0}.mini-green{color:#5dafa0}.mini-amber{color:#c5a16f}.mini-gray{color:#718594}.how-mini button{background:none;border:none;padding:0;color:#e5c794;font-size:11px;font-weight:800}.postgame-actions{display:flex;align-items:center;gap:15px;justify-content:space-between;border:1px solid #b18c55;background:#203e42;border-radius:12px;padding:17px;margin-top:16px}.postgame-actions[hidden]{display:none}.postgame-actions strong{font:400 24px var(--serif)}.postgame-actions p{margin:5px 0 0;font-size:11px;color:#c1d1d0}.primary-button{min-height:44px;background:#e8c38a;border:1px solid #f2d3a5;border-radius:9px;color:#102636;font-weight:850;font-size:12px;padding:10px 18px}.primary-button:hover{background:#f1d4aa}.endnote{border-top:1px solid #38566a;margin:37px 0 0;padding:22px 0 45px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.endnote strong{font-size:23px}.endnote>span,.endnote small{font-size:9px;color:#9cb7c1;letter-spacing:.12em}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,120%);z-index:5000;max-width:min(380px,calc(100% - 20px));background:#182f3c;color:#f8e6c9;border:1px solid #bca171;border-radius:9px;padding:12px 18px;font-size:12px;box-shadow:0 12px 35px #0008;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal{border:1px solid #66808a;border-radius:16px;width:min(475px,calc(100vw - 24px));max-height:90dvh;overflow:auto;margin:auto;background:#10293b;color:var(--ink);box-shadow:0 30px 90px #000c;padding:0}.modal::backdrop{background:#030c14d9;backdrop-filter:blur(5px)}.modal-inner{position:relative;padding:27px}.modal-x{position:absolute;right:13px;top:12px;background:#274659;border:1px solid #567285;color:#ecdaa9;border-radius:9px;font-size:24px;line-height:1;width:36px;height:36px}.modal h2{font:400 40px/1.06 var(--serif);margin:17px 0}.modal p{font-size:13px;line-height:1.7;color:#bed0d8}.modal-action{width:100%;margin-top:18px}.help-example{border:1px solid #426577;background:#142f42;border-radius:9px;padding:15px}.help-example p{font-size:11px}.example-row{display:flex;gap:6px}.sample-tile{display:grid;place-items:center;background:#344959;width:39px;height:39px;border-radius:4px;font-weight:850}.sample-tile.g{background:#3e7a6e}.sample-tile.y{background:#a37f4e}.field-label{display:block;color:#e9c88f;font-size:10px;font-weight:850;letter-spacing:.13em;margin:15px 0 9px}.modal input{background:#0c1f2d;color:white;border:1px solid #79919b;padding:13px 14px;border-radius:8px;width:100%;font-size:15px}.field-tip{font-size:10px!important;color:#92b4c3!important}.end-result-icon{font-size:40px;color:#e7c289}.result-score{font:400 49px var(--serif);color:#e7c289;margin:11px 0}.result-word{font-size:14px!important;color:#d2e5e8!important}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.result-actions button{flex:1 1 175px}.secondary-button{min-height:44px;background:#25465a;border:1px solid #587689;color:#f3dec0;border-radius:9px;padding:10px 16px;font-weight:850;font-size:12px}.result-small{font-size:10px;color:#a8c6d0!important}.stat-strip{display:flex;gap:8px;justify-content:space-around;background:#143342;border:1px solid #3e6374;border-radius:9px;padding:16px;margin:17px 0}.stat-strip>div{display:grid;gap:5px;text-align:center}.stat-strip strong{font:400 26px var(--serif);color:#e9c38a}.stat-strip small{font-size:9px;color:#bfd0d7}.share-preview{font:700 12px/1.7 ui-monospace,monospace;white-space:pre-wrap;background:#0a2030;border:1px solid #3c5c6e;border-radius:8px;padding:12px;margin-top:12px;color:#d6e8e7}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}
@media(max-width:1040px){.game-layout{grid-template-columns:minmax(0,1fr) 260px}.aside-card{padding:16px}.hero{grid-template-columns:1fr 225px}.hero h1{font-size:54px}}
@media(max-width:760px){.page{width:calc(100% - 24px)}.topbar{min-height:59px}.clock-date{display:none}.wordmark strong{font-size:14px}.wordmark small{font-size:7px}.monogram{font-size:30px}.icon-button{width:34px;min-height:34px}.top-actions{gap:5px}.profile-button{min-height:34px;font-size:9px;padding:6px 8px;max-width:155px}.hero{padding:20px 0 17px;gap:15px;grid-template-columns:minmax(0,1fr) 114px;align-items:center}.hero h1{font-size:clamp(27px,7vw,43px);margin:10px 0}.hero-copy>p{font-size:10px;line-height:1.5}.eyebrow{font-size:8px}.hero-score{padding:11px 10px}.hero-score>span{font-size:8px;letter-spacing:.05em}.score-main{margin:8px 0 4px}.score-main strong{font-size:35px}.score-main small{font-size:11px}.score-foot{font-size:8px}.game-layout{grid-template-columns:1fr;gap:12px}.round-tracker{padding:11px 12px;margin-bottom:10px}.round-circle{height:36px;font-size:10px}.play-panel{min-height:0;padding:15px 12px}.play-panel h2{font-size:23px}.board{width:min(100%,302px);margin:4px auto 15px}.tile{font-size:24px}.key{height:45px;font-size:12px}.aside{grid-template-columns:1fr 1fr}.today-card{grid-column:1}.community-card{grid-column:2}.aside-icon{font-size:28px}.aside-title,.community-card h3{font-size:20px}.aside-stat{padding:8px 0;font-size:10px}.aside-stat b{font-size:15px}.aside-card{padding:14px}.community-card p{font-size:10px}.how-mini{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:9px}.how-mini p{margin:0}.endnote{margin-top:20px}}
@media(max-width:470px){.page{width:calc(100% - 16px)}.hero{grid-template-columns:1fr 102px;gap:9px;padding:17px 2px 13px}.hero h1{font-size:clamp(28px,7.8vw,37px);letter-spacing:-.04em}.hero-copy>p{font-size:10px;max-width:300px}.hero-score{padding:9px 8px}.score-main strong{font-size:30px}.score-foot{display:grid;gap:3px}.rounds{gap:6px;margin-top:10px}.rounds-label{font-size:9px}.round-circle{height:35px}.play-panel{padding:12px 9px}.play-panel h2{font-size:20px}.overline{font-size:9px}.tries>span{font-size:24px}.game-notice{margin:12px 0 9px;font-size:10px}.board{width:min(100%,288px);gap:5px;margin-bottom:11px}.tile-row{gap:5px}.tile{font-size:22px}.key-row{gap:3px}.keyboard{gap:5px}.key{height:42px;padding:0;font-size:11px}.key.wide{font-size:10px;flex:1.45}.play-footer{margin-top:13px;padding-top:10px}.aside{gap:8px}.aside-card{padding:12px}.aside-stat{font-size:9px}.aside-stat b{font-size:13px}.aside-soon{font-size:8px;line-height:1.4}.endnote>span{display:none}.postgame-actions{flex-wrap:wrap}.postgame-actions button{width:100%}.modal-inner{padding:20px}.modal h2{font-size:33px}}
@media(max-width:340px){.profile-button{max-width:92px}.profile-edit{display:none}.hero{grid-template-columns:1fr 94px}.hero h1{font-size:28px}.tile{font-size:19px}.key{height:40px}.key.wide{font-size:9px}.round-tracker{padding:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Phase 2 accounts: small, legible and intentionally separate from gameplay. */
.account-button{background:#2b3f46;color:#f0ca91;border:1px solid #a58d66;border-radius:9px;padding:9px 12px;font:800 10px system-ui;min-height:38px}.account-button:hover{background:#3c5660}.account-dialog{width:min(520px,calc(100% - 22px))}.account-dialog .modal-inner>p{font-size:12px}.account-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#1a3a47;border:1px solid #527382;border-radius:9px;padding:14px;margin:15px 0}.account-banner b{font-size:14px}.account-banner span{font-size:11px;color:#e0c695}.account-divider{display:flex;align-items:center;gap:9px;color:#a9c2ca;font-size:10px;font-weight:800;letter-spacing:.08em;margin:23px 0 13px}.account-divider:after,.account-divider:before{content:'';height:1px;background:#435e6e;flex:1}.account-dialog input:not([type=checkbox]){display:block;width:100%;border-radius:8px;border:1px solid #7894a0;background:#0b2333;color:#f4ede3;padding:11px;font-size:14px}.account-wide{width:100%;margin-top:13px}.account-link{display:block;width:100%;border:0;background:transparent;text-decoration:underline;color:#e7c994;padding:12px;font-size:11px}.account-numbers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.account-numbers>div{display:grid;gap:5px;padding:14px;background:#0b293a;border:1px solid #4b6b7a;border-radius:9px;text-align:center}.account-numbers b{font:400 32px Georgia,serif;color:#eac78e}.account-numbers small{font-size:10px;color:#b4c6d0}.account-note{font-size:10px!important;color:#9fb6c1!important;line-height:1.6!important}.account-codes{border:1px solid #bd9c6d;border-radius:11px;background:#1e3c44;padding:16px;margin-top:16px}.account-codes h3{font:400 24px Georgia,serif;margin:2px 0}.account-code-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.account-code-list code{background:#0c2938;color:#f0d7b0;border:1px solid #537887;border-radius:7px;padding:10px 5px;text-align:center;font:800 10px/1.5 monospace;overflow-wrap:anywhere;user-select:all}.account-check{display:flex;align-items:start;gap:8px;font-size:11px;color:#d6dddc;margin-top:15px}.account-check input{accent-color:#e9c48d;min-width:18px;min-height:18px}.account-message{font-size:11px!important;color:#e8cca1!important;min-height:14px}.account-message.warn{color:#f8bba3!important}@media(max-width:760px){.account-button{min-height:34px;padding:7px 8px;font-size:9px}}@media(max-width:470px){.account-button{font-size:9px;max-width:75px}.account-code-list{grid-template-columns:1fr}}
/* Preserve all header actions without 320px horizontal scrolling. */
@media(max-width:380px){
 .topbar{gap:4px}.wordmark{gap:5px}.monogram{font-size:25px}.wordmark strong{font-size:12px}.wordmark small{font-size:6px}
 .top-actions{gap:3px;flex:0 1 auto;min-width:0}
 .account-button{font-size:0;min-width:29px;width:29px;max-width:29px;padding:5px 4px;overflow:hidden}
 .account-button::before{content:'✧';font-size:16px}
 .profile-button{max-width:71px;min-width:0;gap:3px;padding:4px 5px;font-size:8px}
 .profile-button .profile-dot,.profile-button .profile-edit{display:none}
 .icon-button{width:30px;min-width:30px;min-height:32px}
}
/* Phase 3 • global leaderboard and live, moderated word lounge. */
.five-community{margin:29px 0 26px;scroll-margin-top:32px}.five-section-kicker{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;color:#d4b381;font:850 10px system-ui;letter-spacing:.09em;margin-bottom:12px}.five-section-kicker span{color:#9fb6bf}.social-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:17px;align-items:stretch}.social-panel{min-width:0;background:radial-gradient(circle at 80% 0%,#213f4b,#10293b 64%,#0c2232);border:1px solid #496b7b;border-radius:13px;padding:22px;display:flex;flex-direction:column;gap:12px}.social-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.social-head h2{font:400 clamp(24px,2.7vw,32px) Georgia,serif;letter-spacing:-.02em;margin:7px 0}.social-head p{margin:0;color:#aac0cb;font-size:11px;line-height:1.6}.social-mark{font-size:31px;color:#eac48a}.board-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#0c2332;border:1px solid #385769;padding:5px;border-radius:9px}.board-scope button{border:1px solid transparent;background:transparent;border-radius:6px;min-height:36px;color:#b7cbd4;font-size:11px;font-weight:850}.board-scope button.active{background:#e4c18b;color:#162e3e}.board-scope button:not(.active):hover{background:#234353}.social-info{min-height:24px;color:#a8c3cf;font-size:10px;line-height:1.5}.board-list{display:grid;gap:6px;min-height:170px;align-content:start}.board-row{display:grid;grid-template-columns:28px minmax(0,1fr) 66px;gap:8px;align-items:center;background:#142f40;border:1px solid #3a5969;border-radius:8px;padding:10px 12px}.board-row.mine{border-color:#c2a16f;background:#28403f}.board-rank{font:500 19px Georgia,serif;color:#e1c18b}.board-player{min-width:0;display:grid;gap:3px}.board-player strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-player small{font-size:10px;color:#9dbac7}.board-points{text-align:right}.board-points b{display:block;font:500 20px Georgia,serif;color:#eed1a7}.board-points small{font-size:9px;color:#9eb8c4}.board-empty{min-height:130px;border:1px dashed #456475;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:19px;text-align:center;gap:9px;color:#acc6ce;font-size:12px}.board-empty strong{font:400 21px Georgia,serif;color:#e8d2ad}.board-empty a{color:#ebc692;text-decoration:none}.your-stats{margin-top:auto;background:#0d2738;border:1px solid #3b5a6a;border-radius:9px;padding:14px}.my-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.my-stats-grid>div{display:grid;gap:5px;text-align:center}.my-stats-grid b{font:400 27px Georgia,serif;color:#eac994}.my-stats-grid small{font-size:9px;color:#a5beca}.my-rank-info{border-top:1px solid #365567;padding-top:10px;margin-top:11px;font-size:10px;color:#bcd0d7}.social-fine{font-size:10px;color:#91afbd;line-height:1.6;margin:0}.live-badge{display:flex;gap:6px;align-items:center;white-space:nowrap;border:1px solid #648d85;border-radius:99px;background:#1d413f;padding:6px 9px;color:#ade3bf;font-size:9px;font-weight:850}.live-badge i{width:7px;height:7px;border-radius:50%;background:#8ce1b3;box-shadow:0 0 10px #70dba9}.lounge-rules{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #3b5a6a;border-bottom:1px solid #3b5a6a;padding:11px 0;color:#ddc092;font-size:9px;font-weight:850;letter-spacing:.03em}.chat-log{height:360px;min-height:220px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:8px 5px 8px 0;scrollbar-color:#406879 #132738;scrollbar-width:thin}.chat-loading{padding:24px 12px;font-size:12px;text-align:center;color:#a5c1cd}.chat-message{background:#0c2738;border:1px solid #325263;border-radius:9px;padding:10px 11px;display:grid;gap:5px}.chat-message.mine{background:#1a3a40;border-color:#537e75}.chat-byline{display:flex;gap:9px;align-items:center}.chat-byline strong{font-size:11px;color:#e9d2ab;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-byline .claimed-star{font-size:10px;color:#9ae0c3}.chat-byline time{margin-left:auto;color:#91b0bf;font-size:9px;white-space:nowrap}.chat-body{font-size:12px;color:#ebf1ec;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.chat-controls{display:flex;gap:11px;justify-content:end}.chat-controls button{border:0;background:transparent;color:#9ebcc7;font-size:9px;padding:0;cursor:pointer}.chat-controls button:hover{color:#f1ce9b}.chat-quick{display:flex;gap:6px;align-items:center}.chat-quick button{border:1px solid #476476;background:#1b3a4b;border-radius:7px;font-size:16px;min-height:32px;min-width:37px}.chat-compose{display:flex;gap:7px}.chat-compose input{flex:1;min-width:0;border:1px solid #63818f;background:#0b2232;border-radius:9px;padding:12px;color:#f4f2e9;font-size:12px}.chat-compose button{border:1px solid #f1d1a3;background:#e6c18a;color:#152d3d;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:850;white-space:nowrap}.chat-compose button:disabled{opacity:.5}.chat-bottom{display:flex;justify-content:space-between;gap:12px;color:#9bb8c4;font-size:9px}.chat-bottom #chat-feedback{text-align:right}.chat-code{border-top:1px solid #365b6e;padding-top:10px;font-size:10px;color:#a7c4d0}.chat-code summary{cursor:pointer;color:#dec08e;font-weight:750}.chat-code p{font-size:10px;line-height:1.7}.aside-chat-open{display:block;text-align:center;border:1px solid #d0a96f;background:#e9c58f;color:#152b3a!important;padding:11px 8px;border-radius:9px;font-weight:850;font-size:10px;text-decoration:none;margin-top:12px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1010px){.social-layout{grid-template-columns:1fr}.chat-log{height:320px}}@media(max-width:760px){.five-community{margin:18px 0}.social-layout{gap:11px}.social-panel{padding:14px}.five-section-kicker{font-size:9px;line-height:1.5}.chat-log{height:280px}.board-row{padding:9px}.social-head h2{font-size:27px}}@media(max-width:350px){.social-panel{padding:11px}.social-head h2{font-size:23px}.live-badge{font-size:8px;padding:5px}.chat-compose button{font-size:10px;padding:9px}.chat-message{padding:8px}.chat-quick button{min-width:32px}.board-row{grid-template-columns:21px minmax(0,1fr) 54px;gap:5px;padding:9px 6px}.board-points b{font-size:18px}}
/* Phase 4: artful achievements, daily duels, share center and sound studio. */
.challenge-ribbon{margin:0 0 13px;border:1px solid #b79a6f;border-radius:12px;background:linear-gradient(115deg,#254046,#112b3a);padding:14px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.challenge-ribbon[hidden]{display:none}.challenge-ribbon>div{display:grid;gap:5px}.challenge-ribbon strong{font:400 20px Georgia,serif;color:#f4e5cb}.challenge-ribbon small{color:#b5cdd5;font-size:11px}.challenge-ribbon button{font-size:11px}.invite-card{background:linear-gradient(135deg,#203e44,#122d3f)}.invite-card h3{font:400 26px Georgia,serif;margin:13px 0 7px}.invite-card p{color:#bfd0d4;font-size:11px;line-height:1.65}.invite-small{display:block;font-size:9px;color:#a2bfc8;margin-top:11px}.achievements{margin:29px 0 19px;padding:21px;border:1px solid #496f7a;border-radius:13px;background:radial-gradient(circle at 90% 0%,#263e4a,#0e2738 66%)}.achievements-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.achievements-head h2{font:400 clamp(24px,3vw,35px) Georgia,serif;margin:8px 0}.achievements-head p{margin:0;color:#b0c8cf;font-size:11px}.achievement-count{border:1px solid #927f64;border-radius:50px;color:#eac38e;padding:9px 13px;font-size:9px;font-weight:800}.achievement-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.achievement-card{border:1px solid #466576;background:#112e40;border-radius:11px;padding:14px;min-height:135px;display:grid;align-content:start;gap:7px}.achievement-card.earned{border-color:#a89470;background:linear-gradient(130deg,#29454a,#1a3441)}.achievement-symbol{font:400 26px Georgia,serif;color:#e1c28e}.achievement-card strong{font-size:11px;color:#f4ece0}.achievement-card small{color:#a9bfca;font-size:10px;line-height:1.45}.achievement-card:not(.earned){opacity:.6}.achievement-loading{color:#b3cdd4;font-size:12px}.delight-dialog{width:min(520px,calc(100vw - 24px));max-height:92dvh}.delight-dialog textarea{width:100%;resize:vertical;border:1px solid #678793;background:#0d2533;color:#e9f1e9;border-radius:8px;padding:12px;font:600 11px/1.6 ui-monospace,monospace}.delight-share-card{margin:19px 0 14px;border:1px solid #bb9e74;border-radius:13px;background:radial-gradient(circle at 70% 0%,#345153,#142f3b 78%);padding:19px}.delight-share-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.delight-share-top strong{font:900 32px system-ui;letter-spacing:.03em}.delight-share-top strong span{color:#ebc694}.delight-share-top small{font-size:10px;color:#c9d7cf}.delight-share-score{display:flex;align-items:baseline;gap:7px;margin:8px 0}.delight-share-score strong{font:400 55px Georgia,serif;color:#f2dfc3}.delight-share-score span{font-size:11px;color:#a8c3cf;font-weight:800}.share-five-symbols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:15px 0}.share-five-symbols>span{height:39px;border-radius:6px;display:grid;place-items:center;border:1px solid #67828b;background:#324b5b;color:#e1eeea;font:850 12px system-ui}.share-five-symbols>span.won{background:#3e776a}.share-five-symbols>span.missed{background:#7a5b52}.delight-share-card>small{color:#b6cbd2;font-size:10px}.share-main-actions,.sound-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0 12px}.share-channel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.share-channel-row button{border:1px solid #587581;background:#193849;color:#e9ceac;font-size:10px;font-weight:800;min-height:39px;border-radius:8px;padding:6px 3px}.share-channel-row button:hover{background:#2b4857}.invite-divider{display:flex;align-items:center;gap:12px;color:#e6c18b;font:850 10px system-ui;letter-spacing:.1em;margin:23px 0 12px}.invite-divider:before,.invite-divider:after{content:'';height:1px;flex:1;background:#4b6873}.challenge-cta{display:block;width:100%;border:1px solid #ecc78e;background:#e7c18c;color:#102a39;border-radius:9px;font-weight:850;font-size:12px;padding:14px 12px;min-height:45px}.delight-fine{color:#afc4ce!important;font-size:10px!important;line-height:1.7!important}.delight-status{border:1px solid #587385;background:#163645;padding:12px 14px;margin:15px 0;border-radius:8px;font-size:12px;color:#e8d3af}.challenge-actions{display:grid;gap:8px;margin-top:13px}.challenge-actions button{width:100%}.challenge-people{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin:18px 0}.challenge-player{border:1px solid #4d6e7d;border-radius:10px;background:#123142;padding:13px;min-width:0;overflow-wrap:anywhere}.challenge-player span{color:#b5ccd3;font-size:10px;display:block;margin-bottom:8px}.challenge-player strong{font:400 25px Georgia,serif;color:#e9d3b0}.challenge-player small{color:#a9c5ce;font-size:10px;display:block;margin-top:6px}.challenge-versus{color:#e6c084;font-size:12px;font-weight:850}.challenge-url{border:1px dashed #678a9c;border-radius:8px;padding:11px;background:#0d2839;color:#d5e2df;overflow-wrap:anywhere;font-size:11px}.sound-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #456978;border-radius:9px;background:#102e3e;padding:14px;margin:13px 0}.sound-setting span{display:grid;gap:5px}.sound-setting strong{font-size:13px}.sound-setting small{font-size:10px;color:#afc7cf;line-height:1.4}.sound-setting input{width:22px;height:22px;accent-color:#d9b77c;flex:0 0 auto}.delight-dialog input[type=range]{width:100%;accent-color:#e8bf80}.sound-setting+label{margin-top:17px}.sound-actions{margin-top:19px}.confetti-particle{position:fixed;z-index:6001;pointer-events:none;top:-15px;border-radius:2px;animation:five-confetti 2.1s cubic-bezier(.19,.58,.47,1) forwards}@keyframes five-confetti{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}8%{opacity:1}100%{transform:translate3d(var(--drift),105vh,0) rotate(var(--spin));opacity:0}}.tile.G,.tile.Y,.tile.X{animation:five-tilepop .29s ease}@keyframes five-tilepop{0%{transform:scale(.91)}60%{transform:scale(1.025)}100%{transform:scale(1)}}.end-result-icon{transition:transform .3s}.end-result-icon:hover{transform:rotate(12deg)}@media(max-width:920px){.achievement-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.achievement-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.achievements{padding:14px}.achievement-card{padding:11px;min-height:120px}.share-channel-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.challenge-people{grid-template-columns:1fr;gap:8px}.challenge-versus{text-align:center}.delight-dialog .modal-inner{padding:18px}.share-main-actions{grid-template-columns:1fr}.achievement-count{font-size:8px}}@media(prefers-reduced-motion:reduce){.confetti-particle{display:none!important}.tile.G,.tile.Y,.tile.X{animation:none!important}}

.score-progress>div{width:0}

.achievement-finish{margin:13px 0;border:1px solid #a89170;background:#183a42;border-radius:9px;padding:12px}.achievement-finish .overline{margin-bottom:9px}.finished-badges{display:flex;flex-wrap:wrap;gap:6px}.finish-badge{border:1px solid #bb9a6b;background:#283e43;color:#efdbb4;border-radius:999px;font-size:10px;font-weight:800;padding:6px 9px}.finished-badges small{color:#c2d3d6;font-size:10px}

.profile-privacy{border:1px solid #476373;border-radius:10px;margin-top:15px;padding:12px;background:#0d2737}.profile-privacy summary{cursor:pointer;font-weight:800;color:#e1c593;font-size:12px}.profile-privacy p{font-size:11px;color:#b4cbd2;line-height:1.6}.danger-button{padding:12px;border-radius:9px;border:1px solid #ba817b;background:#412c34;color:#ffd8c8;font-size:11px;font-weight:850}.danger-button:hover{background:#603843}
.privacy-article{max-width:790px;margin:35px auto 60px;background:#0f2838;border:1px solid #4b6e7d;border-radius:16px;padding:clamp(17px,4vw,39px)}.privacy-article h1{font:400 clamp(30px,5vw,53px) Georgia,serif;margin:12px 0 18px}.privacy-article h2{font:400 26px Georgia,serif;color:#e7cb9c;margin:10px 0}.privacy-article p{color:#bcd0d7;font-size:13px;line-height:1.78}.privacy-article section{border-top:1px solid #385767;padding:16px 0}
.privacy-footer-link{color:#e7c68c;font-size:10px;text-underline-offset:3px}
.privacy-button{text-decoration:none!important}.privacy-back{display:inline-block;margin:18px 0 35px}

/* Wordzule brand and three-round responsive tracker. */
.wordmark strong{letter-spacing:.045em}
.monogram{letter-spacing:-.08em}
.rounds{grid-template-columns:repeat(3,minmax(0,1fr))}
.share-three-symbols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0}
.share-three-symbols>span{height:39px;border-radius:6px;display:grid;place-items:center;border:1px solid #67828b;background:#324b5b;color:#e1eeea;font:850 12px system-ui}
.share-three-symbols>span.won{background:#3e776a}
.share-three-symbols>span.missed{background:#7a5b52}
/* Dark-mode accessibility: excluded letters retain legible bright ink and cross marks. */
html[data-effective-theme="dark"] .tile.X{background:#314d62;border-color:#7895a7;color:#fff!important}
html[data-effective-theme="dark"] .tile.X span:first-child{color:#fff!important;font-weight:850;text-shadow:0 1px 1px #0007}
html[data-effective-theme="dark"] .tile.X .tile-status{color:#fff!important}
html[data-effective-theme="dark"] .key.X{background:#354e62;border-color:#7590a2;color:#fff!important;font-weight:850}
html[data-effective-theme="dark"] .key.X:disabled{opacity:1}
@media(max-width:780px){.wordmark strong{font-size:clamp(13px,2.4vw,18px)}.wordmark{gap:6px}.wordmark small{letter-spacing:.09em}}
@media(max-width:400px){.wordmark strong{font-size:13px;letter-spacing:0}.wordmark small{font-size:7px}.monogram{font-size:28px}.topbar{gap:3px}.top-actions{gap:3px}}
@media(max-width:340px){.wordmark small{display:none}.wordmark strong{font-size:12px}.top-actions .profile-button{max-width:54px}}
@media(min-width:381px) and (max-width:469px){
  .top-actions{gap:3px}
  .top-actions .profile-button{max-width:74px;min-width:0;overflow:hidden}
  .top-actions .profile-button #nickname-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .wordmark{gap:5px}
}