:root{font-family:Arial,Helvetica,sans-serif;color:#f8f8f8;background:#121213;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{padding-bottom:20px}header{height:66px;border-bottom:1px solid #3a3a3c;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.brand{position:absolute;left:50%;transform:translate(-50%);font-family:Georgia,Times New Roman,serif;font-weight:900;font-size:37px;letter-spacing:.5px;color:#fff;text-decoration:none}.header-tools{display:flex;align-items:center;gap:10px}.header-action{height:34px;width:32px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#f8f8f8;text-decoration:none;font-size:27px}.header-action:last-child{font:700 21px Georgia,serif}.header-action:disabled{opacity:.35}h1{font-size:23px;margin:0 0 12px}h2{font:700 27px Georgia,serif;margin:0 0 20px}h3{font-size:14px;margin:0}button{font:700 12px Arial,sans-serif;border:1px solid #565758;border-radius:4px;background:transparent;color:#fff;padding:10px 14px;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.6}button:hover:enabled{filter:brightness(1.13)}input,select{background:#121213;color:#fff;border:1px solid #565758;border-radius:3px;padding:13px;font:inherit;font-size:16px;min-width:0;width:100%}input:focus,select:focus,button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid #d7dadc;outline-offset:3px}.play{max-width:1000px;margin:0 auto}.game-area{max-width:500px;min-width:0;margin:auto;position:relative}.board-scroll{width:100%;overflow-x:auto;padding:60px 8px 22px;scrollbar-color:#818384 #121213}.board-scroll:focus{outline:none}.board-scroll:focus-visible{outline:none}.board{display:flex;flex-direction:column;gap:5px;width:max-content;margin:auto;perspective:1000px}.board-row{display:grid;grid-template-columns:repeat(var(--columns),var(--tile));gap:5px}.tile-shell{width:var(--tile);height:var(--tile);position:relative;font-weight:700;font-size:32px;line-height:1}.tile{width:100%;height:100%;position:relative;transform-style:preserve-3d}.tile-face{position:absolute;inset:0;border:2px solid #3a3a3c;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tile-front{background:#121213}.filled .tile-front{border-color:#565758}.tile-back,.tile.is-played{transform:rotateX(180deg)}.correct{background:#538d4e!important;border-color:#538d4e!important;color:#fff}.present{background:#b59f3b!important;border-color:#b59f3b!important;color:#fff}.absent{background:#3a3a3c!important;border-color:#3a3a3c!important;color:#fff}.tile-reveal{animation:tile-flip .5s ease-in-out var(--reveal-delay) both}.typing{animation:tile-pop .1s ease-in-out}.row-shake{animation:row-shake .6s ease-in-out}.celebrating{animation:tile-bounce .7s ease var(--bounce-delay) both}@keyframes tile-flip{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes tile-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes row-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes tile-bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-25px)}50%{transform:translateY(5px)}60%{transform:translateY(-12px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.keyboard{max-width:500px;padding:0 8px;margin:0 auto 14px;-webkit-user-select:none;user-select:none}.key-row{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.key-row:nth-child(2){padding:0 20px}.key-row button{background:#818384;border:0;flex:1;min-width:0;padding:0;height:58px;font-size:13px;border-radius:4px}.key-row:last-child button:first-child,.key-row:last-child button:last-child{flex:1.5;font-size:11px}.key-row button:disabled{opacity:1}.key-row button:active:enabled{transform:translateY(1px);filter:brightness(1.3)}.daily-info{max-width:500px;margin:18px auto 0;text-align:center;padding:0 12px;font-size:11px;color:#a6a6a8}.daily-info summary{cursor:pointer;list-style:none;padding:8px}.daily-info summary::-webkit-details-marker{display:none}.daily-info summary:after{content:" ⌄";margin-left:5px}.daily-info[open] summary:after{content:" ⌃"}.hint{font-size:12px;line-height:1.5;color:#a6a6a8}.result,.game-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:20;background:#f8f8f8;color:#121213;border:0;border-radius:4px;padding:13px 18px;font-size:14px;font-weight:700;max-width:min(90vw,500px);margin:0;box-shadow:0 3px 12px #0003}.result{top:78px}.game-toast.error{z-index:30}.notice,.error{max-width:500px;margin:20px auto;padding:12px;font-size:13px;line-height:1.5}.notice{border:1px solid #538d4e}.error{background:#f8f8f8;color:#121213}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.create{max-width:420px;margin:42px auto;padding:0 18px}.intro{color:#b5b5b6;font-size:14px;line-height:1.6;margin-bottom:28px}label{display:flex;flex-direction:column;gap:9px;font-weight:700;font-size:13px;margin:20px 0 8px}.word-info{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#a6a6a8}.word-info strong{color:#fff;margin-left:5px}.fixed-attempts{font-weight:700;font-size:13px;padding:14px 0;border-block:1px solid #3a3a3c;margin-top:24px}.primary{width:100%;background:#538d4e;border:0;font-size:14px;padding:15px;margin-top:16px}.cancel{margin-top:12px;width:100%}dialog{color:#f8f8f8;background:#121213;border:1px solid #3a3a3c;border-radius:8px;padding:32px;max-width:500px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);box-shadow:0 4px 24px #0008}dialog::backdrop{background:#0009}.dialog-close{position:absolute;right:12px;top:10px;border:0;font-size:28px;padding:0 6px;background:none}.help-dialog p{font-size:14px;line-height:1.6}.help-dialog hr{border:0;border-top:1px solid #3a3a3c;margin-top:24px}.help-example{display:flex;gap:4px;margin-top:20px}.help-example span{height:40px;width:40px;border:2px solid #565758;display:grid;place-items:center;font-size:24px;font-weight:700}.players-heading,.player-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.players-heading h2{margin-bottom:0}.players-heading>span,.player-heading>span{font-size:12px;color:#a6a6a8}.player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.player-card{min-width:0;border:1px solid #3a3a3c;padding:12px}.mini-scroll{overflow-x:auto;margin-top:14px;padding-bottom:4px;scrollbar-color:#818384 #121213}.mini-board{width:max-content;display:grid;gap:3px}.mini-row{display:grid;grid-template-columns:repeat(var(--columns),14px);gap:3px}.mini-tile{width:14px;height:14px;display:block}.player-status,.not-started{font-size:11px;color:#a6a6a8;margin:10px 0 0}.avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.player-heading h3{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}@media(max-width:520px){header{height:58px;padding:0 12px}.brand{font-size:31px}.header-tools{gap:2px}.header-action{width:27px}.board-scroll{padding-top:60px}.tile-shell{font-size:28px}.key-row{gap:5px}.key-row button{height:56px}.create{margin-top:30px}.player-list{grid-template-columns:1fr}dialog{padding:28px 20px}.result,.game-toast{top:70px}}@media(prefers-reduced-motion:reduce){.typing,.tile-reveal,.row-shake,.celebrating{animation:none!important}}.live-players{margin:24px auto;width:100%;max-width:700px;text-align:left}.live-players h2{font-size:16px;display:flex;justify-content:space-between}.live-players h2 span{color:#818384}.live-player-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.live-player{min-width:0;border:1px solid #3a3a3c;border-radius:14px;padding:16px}.live-identity{display:flex;align-items:center;gap:8px;margin-bottom:14px}.live-identity strong{flex:1;overflow-wrap:anywhere;font-size:13px}.live-identity img,.avatar-fallback{width:36px;height:36px;border-radius:50%}.avatar-fallback{display:grid;place-items:center;background:#3a3a3c}.mini-tile.empty{background:transparent;border:1px solid #3a3a3c}.accent-keys{margin-bottom:16px}.accent-keys summary{cursor:pointer;font-size:13px;color:#aaa}.accent-keys>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.accent-keys button{padding:8px;min-width:32px}@media(min-width:900px){.play{display:grid;grid-template-columns:minmax(0,550px) minmax(0,320px);gap:28px;align-items:start;padding:0 24px}.game-area{width:100%;margin:0}.live-players{margin:24px 0;max-height:calc(100dvh - 115px);overflow-y:auto;position:sticky;top:20px}.daily-info{grid-column:1 / -1}.board-scroll{padding-top:30px}}