:root{color-scheme:light;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;--ink: #151821;--muted: #777568;--cream: #fff9e7;--sun: #ffef9b;--sun-soft: #fff5c4;--panel: #fffdf4;--line: #efe3ba;--green: #2f9368;--green-deep: #1f654b;--blue: #d6e9ff;--blue-line: #2c78d0;--tile-blue: #eaf5ff;--tile-blue-line: #a9cceb;--tile-blue-shadow: #c7def1;--red: #ffd9ce;--red-line: #ee6f5e;--yellow: #ffd34e;--lavender: #ddd5ff;--shadow: 0 20px 0 rgba(214, 187, 95, .22)}*{box-sizing:border-box}body{margin:0;min-width:1040px;background:linear-gradient(165deg,var(--sun) 0%,var(--sun-soft) 70%,#eaf9ef 70%,#ffffff 100%);color:var(--ink)}button{color:inherit;font:inherit}.app-shell{display:grid;gap:28px;min-height:100vh;padding:32px clamp(28px,4vw,72px)}.brand-bar{align-items:center;background:#fffdf4e0;border:3px solid rgba(255,255,255,.78);border-radius:999px;display:flex;justify-content:space-between;min-height:76px;padding:14px 22px}.brand-lockup{align-items:center;display:flex;font-size:28px;font-weight:700;gap:14px}.brand-badge{align-items:center;background:var(--yellow);border-radius:34% 45% 38% 44%;color:#242633;display:grid;font-size:28px;font-weight:700;height:52px;place-items:center;position:relative;width:52px}.face-eye{background:#242633;border-radius:50%;height:6px;position:absolute;top:16px;width:6px}.face-eye-left{left:14px}.face-eye-right{right:14px}.face-smile{border-bottom:4px solid #242633;border-radius:0 0 20px 20px;bottom:11px;height:10px;position:absolute;width:23px}.brand-meta{border:2px solid var(--line);border-radius:999px;color:var(--muted);font-size:18px;font-weight:650;padding:12px 22px}.game-tabs{background:#fffdf4e0;border:3px solid rgba(255,255,255,.78);border-radius:24px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;padding:7px;width:min(720px,100%)}.game-tabs button{align-items:center;background:transparent;border:0;border-radius:16px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;min-height:48px;padding:10px 16px}.game-tabs button.active{background:#dceeff;box-shadow:inset 0 -3px #b8d9f2;color:#205887}.mode-hidden{display:none}.workspace{background:#fffdf4cc;border:3px solid rgba(255,255,255,.74);border-radius:34px;padding:26px}.topbar,.panel-header{align-items:center;display:flex;justify-content:space-between;gap:16px}.topbar{margin-bottom:20px}.round-score{align-items:center;background:#ffc7b5;border:3px solid #f19b82;border-radius:24px;box-shadow:0 7px #efad9a;display:flex;gap:16px;min-width:150px;padding:12px 18px}.round-score span{color:#7c4434;font-size:12px;font-weight:700;text-transform:uppercase}.round-score strong{color:#542b20;font-size:34px;font-weight:700;line-height:1;margin-left:auto}.eyebrow{color:var(--muted);font-size:12px;font-weight:650;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}h1,h2{margin:0}h1{font-size:36px;font-weight:700;line-height:1}h2{font-size:28px;font-weight:700;line-height:1}.theme-note{align-items:center;background:#fff1a8;border:2px solid #efd67d;border-radius:999px;display:inline-flex;font-size:18px;font-weight:650;gap:6px;margin:14px 0 0;padding:8px 16px}.main-grid{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px}.board-panel,.side-panel{background:var(--panel);border:2px solid rgba(239,227,186,.75);border-radius:30px;box-shadow:var(--shadow);padding:22px}.board-panel{background:#edf7ff;border-color:#cfe7f7;box-shadow:0 20px #c9e3f3}.side-panel{background:#fffaf0}.board-wrap{margin:0 auto;position:relative;width:min(100%,620px)}.board{aspect-ratio:1;display:grid;gap:8px;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,minmax(0,1fr));width:100%}.cell{align-items:center;background:#fff6d7;border:3px solid #e2cf8e;border-radius:12px;cursor:pointer;display:grid;height:auto;min-height:0;min-width:0;place-items:center;position:relative;width:100%}.cell.has-letter{background:linear-gradient(180deg,#ffffff 0%,var(--tile-blue) 100%);border-color:var(--tile-blue-line);box-shadow:inset 0 -5px 0 var(--tile-blue-shadow)}.cell.fixed-letter{cursor:default}.cell.fixed-letter .letter-on-board{color:#294e6d}.cell.puzzle-slot:not(.has-letter){background:#f8fbff;border-color:#8fbde4;border-style:dashed}.cell.puzzle-slot:not(.has-letter) .letter-on-board{color:#78a7cd;font-size:25px;font-weight:600}.cell.unused-puzzle-cell{cursor:default}.word-strip-layer{aspect-ratio:1;display:grid;gap:8px;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,minmax(0,1fr));inset:0;pointer-events:none;position:absolute;width:100%;z-index:5}.word-strip{border:2px solid;border-radius:14px;margin:5px}.word-strip-right{background:#75bef640;border-color:#418fcd7a}.word-strip-down{background:#73d29d40;border-color:#349a607a}.cell.dragging-source{opacity:.48;transform:scale(.94)}.cell.drag-target:not(.dragging-source){border-style:dashed}.cell.active-cell{outline:4px solid #1976d2;outline-offset:-7px}.tile-start{background:#dff6dc;border-color:#71bd66}.tile-middle{background:var(--blue);border-color:var(--blue-line)}.tile-end{background:var(--red);border-color:var(--red-line)}.tile-locked{background:#fff0b5;border-color:#f2bd2e}.tile-mark{color:#15182147;font-size:12px;font-weight:650;left:8px;position:absolute;top:6px}.letter-on-board{font-size:clamp(22px,3.2vw,42px);font-weight:500}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.legend-item{border:2px solid var(--line);border-radius:999px;font-size:13px;font-weight:650;padding:8px 12px}.actions button,.icon-button{align-items:center;background:#fff7d8;border:2px solid rgba(21,24,33,.12);border-radius:18px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:48px;padding:10px 14px;transition:transform .12s ease,box-shadow .12s ease}.actions button:hover,.icon-button:hover,.popover-top button:hover,.remove-letter:hover,.letter-tile:hover{transform:translateY(-1px)}.icon-button{background:var(--sun-soft);color:var(--ink);min-width:54px}.letter-pool{display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin:18px 0}.letter-tile{align-items:center;aspect-ratio:1;background:linear-gradient(180deg,#ffffff 0%,var(--tile-blue) 100%);border:3px solid var(--tile-blue-line);border-radius:12px;box-shadow:5px 5px 0 var(--tile-blue-shadow);cursor:pointer;display:grid;font-size:28px;font-weight:500;justify-items:center;min-width:0;padding:0;place-items:center;transition:transform .12s ease,box-shadow .12s ease;width:100%;-webkit-user-select:none;user-select:none}.letter-pool .letter-tile{cursor:grab}.letter-pool .letter-tile:nth-child(3n+1){background:#eff8ff}.letter-pool .letter-tile:nth-child(3n+2){background:#fff5c9;border-color:#e8cf76;box-shadow:5px 5px #f0dfa1}.letter-pool .letter-tile:nth-child(3n){background:#f2ecff;border-color:#c8b9ee;box-shadow:5px 5px #ded4f5}.letter-pool .letter-tile:active,.cell.has-letter:active{cursor:grabbing}.letter-popover{background:var(--panel);border:2px solid rgba(21,24,33,.16);border-radius:24px;box-shadow:0 18px 40px #1f221a2e;left:calc((var(--cell-col) + .5) * 100% / 9);max-width:336px;padding:14px;position:absolute;top:calc((var(--cell-row) + .5) * 100% / 9);transform:translate(14px,14px);width:316px;z-index:20}.letter-popover.popover-left{transform:translate(calc(-100% - 14px),14px)}.letter-popover.popover-up{transform:translate(14px,calc(-100% - 14px))}.letter-popover.popover-left.popover-up{transform:translate(calc(-100% - 14px),calc(-100% - 14px))}.popover-top{align-items:center;display:flex;font-size:12px;font-weight:650;justify-content:space-between;margin-bottom:10px;text-transform:uppercase}.popover-top button,.remove-letter{background:var(--sun-soft);border:2px solid rgba(21,24,33,.12);border-radius:999px;cursor:pointer;font-size:12px;font-weight:650;min-height:30px;padding:5px 12px}.remove-letter{margin-bottom:10px;width:100%}.popover-letters{display:grid;gap:9px;grid-template-columns:repeat(6,1fr);max-height:260px;overflow:auto;padding:1px 6px 6px 1px}.letter-tile.compact{border-width:2px;box-shadow:3px 3px 0 var(--tile-blue-shadow);font-size:21px}.actions{display:grid;gap:10px}.actions button{width:100%}.actions .primary-action{background:#ffcf45;border-color:#e0a91c;box-shadow:0 6px #dea91e;color:#3f3010;font-size:19px;font-weight:700}.actions .primary-action:disabled{cursor:wait;opacity:.65;transform:none}.actions .solve-action{background:#dceeff;border-color:#8ebfe9;box-shadow:0 6px #b8d9f2;color:#205887;font-size:17px;font-weight:700}.actions .solve-action:disabled{cursor:wait;opacity:.65;transform:none}.difficulty-picker{background:#f1edff;border:2px solid #cec3ef;border-radius:18px;padding:12px}.difficulty-label{align-items:center;color:#59458b;display:flex;font-size:14px;font-weight:700;gap:7px;margin-bottom:10px}.difficulty-buttons{display:grid;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.actions .difficulty-buttons button{border-radius:12px;font-size:13px;font-weight:700;min-height:40px;padding:7px 5px}.actions .difficulty-easy{background:#def4e7;border-color:#9bcdb1;color:#245a3d}.actions .difficulty-medium{background:#fff0b8;border-color:#e4c562;color:#735a13}.actions .difficulty-hard{background:#ffe0d8;border-color:#e8a394;color:#823f34}.actions .difficulty-buttons button:disabled{cursor:wait;opacity:.6;transform:none}.actions .clear-action{background:#ffe9e4;border-color:#eab1a5;color:#87493e}.actions .clear-action:disabled{cursor:default;opacity:.45;transform:none}.actions .save-action{background:#dff4e8;border-color:#9bcdb1;color:#245a3d}.status-box{background:#fff4c7;border:2px solid rgba(239,227,186,.95);border-radius:22px;margin-top:16px;padding:14px}.score-box{animation:score-pop .22s ease-out;background:#f0ebff;border:2px solid #c8b9ee;border-radius:22px;margin-top:16px;padding:14px}.score-kicker{color:#69539d;font-size:14px;font-weight:700;margin:0 0 10px}.score-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.score-total span{color:var(--muted);font-size:12px;font-weight:650;text-transform:uppercase}.score-total strong{color:var(--green-deep);font-size:34px;font-weight:700;line-height:1}.score-list{display:grid;gap:7px;max-height:260px;overflow:auto}.score-row{align-items:center;background:#ffffffb3;border:1px solid rgba(169,204,235,.78);border-radius:12px;display:flex;font-size:15px;justify-content:space-between;padding:7px 10px}.score-row span{align-items:baseline;display:flex;font-weight:650;gap:7px}.score-row small{color:var(--blue-line);font-size:10px;font-weight:650}.score-row b{color:var(--green-deep);font-weight:700}.score-list p{color:var(--muted);margin:0}@keyframes score-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-box p{color:var(--green-deep);font-weight:650;margin:0 0 12px}dl{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:0}dt{color:var(--muted);font-size:12px;font-weight:650;text-transform:uppercase}dd{font-size:24px;font-weight:700;margin:0}.json-panel{background:#fffdf4b3;border:2px solid rgba(239,227,186,.75);border-radius:24px;margin-top:22px;overflow:hidden}.json-panel summary{cursor:pointer;font-size:16px;font-weight:650;padding:16px 18px}.json-panel pre{background:#151821;color:#e9ffe5;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;max-height:320px;line-height:1.45;margin:0;overflow:auto;padding:18px;white-space:pre-wrap}.trail-progress-score{min-width:190px}.trail-progress-score strong{font-size:29px}.trail-board{position:relative}.trail-cell{cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.trail-cell .letter-on-board{line-height:1}.trail-cell.trail-correct{background:#dff4e8;border-color:#65b68a;box-shadow:inset 0 -5px #b3ddc5}.trail-cell.trail-current{border-color:#23865a;outline:3px solid rgba(47,147,104,.24);outline-offset:-6px}.trail-cell.trail-option:not(.trail-wrong){border-color:#8fbde4;cursor:pointer}.trail-cell.trail-wrong{animation:trail-wrong-shake .22s ease-out;background:#ffe0dc;border-color:#ef6f62;box-shadow:inset 0 -5px #f1b5ad}.trail-cell:disabled{cursor:default;opacity:1}.trail-start-mark{color:#25734f;font-size:8px;font-weight:800;left:5px;position:absolute;top:5px}.trail-end:not(.trail-correct){background:#fff2ed;border-color:#e9a38f}.trail-end-mark{color:#b4533d;font-size:7px;font-weight:800;line-height:1;position:absolute;right:4px;top:0}.trail-line-layer{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:6}.trail-line-layer polyline{fill:none;stroke:#1f8053a8;stroke-linecap:round;stroke-linejoin:round;stroke-width:.1}.trail-word-reader{background:#fffaf0;border:2px solid #d9e9b9;border-radius:20px;margin-top:18px;padding:14px 16px 16px}.trail-reader-heading{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-bottom:11px;text-transform:uppercase}.trail-reader-heading b{background:#fff0a8;border-radius:999px;color:#735a13;font-size:10px;padding:5px 8px}.trail-spelling-row{display:flex;gap:8px;justify-content:center;min-height:48px}.trail-spelling-letter{align-items:center;background:#f1f4f6;border:2px solid #d5dce1;border-radius:9px;color:#8b949b;display:inline-flex;font-size:23px;font-weight:650;height:46px;justify-content:center;width:42px}.trail-spelling-letter.correct{background:#dff4e8;border-color:#7fc19d;color:#246444}.trail-spelling-letter.wrong{background:#ffe0dc;border-color:#ef8174;color:#a83f34}.trail-word-history{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.trail-word-history span{background:#f4f1e8;border:1px solid #ded8c6;border-radius:999px;color:#8a877d;font-size:11px;font-weight:700;padding:6px 9px}.trail-word-history span.active{background:#fff0a8;border-color:#e7cf72;color:#735a13}.trail-word-history span.complete{background:#dff4e8;border-color:#9bcdb1;color:#245a3d}.trail-actions{margin-top:10px}@keyframes trail-wrong-shake{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}