:root{--paper: #f6eedc;--paper-lo: #efe4cb;--ink: #2b2318;--ink-soft: #6e6250;--rule: #b9ab90;--stamp: #b5342a;--hl: #f3d98b;--done: #3f7d4e;--serif: Georgia, "Times New Roman", "Droid Serif", serif;--sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--cell: 33px;--cell-h: 42px;--cell-font: 27px;--num-font: 12px;--num-h: 15px;--cell-gap: 4px;--word-gap: 12px;--row-gap: 14px;--key-cols: 11;--key-h: 40px;--key-font: 19px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#1f1b14;color:var(--ink);font-family:var(--serif);-webkit-user-select:none;user-select:none}.app{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(120% 60% at 50% -10%,rgba(255,255,255,.5),transparent 60%),repeating-linear-gradient(0deg,rgba(120,100,60,.025) 0 2px,transparent 2px 4px),linear-gradient(180deg,var(--paper),var(--paper-lo))}.paper{position:absolute;inset:0;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) 18px max(12px,env(safe-area-inset-bottom));gap:6px}.col-a{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;gap:6px}.col-b{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.masthead{flex:0 0 auto;text-align:center}.masthead .over{font:600 clamp(8px,2.6vmin,11px) var(--sans);letter-spacing:.34em;color:var(--ink-soft)}.masthead .title{font:700 clamp(20px,7.2vmin,34px)/1.05 var(--serif);letter-spacing:.02em;margin-top:2px}.masthead .rule{height:0;border-top:2.5px solid var(--ink);margin-top:6px;position:relative}.masthead .rule:after{content:"";position:absolute;left:0;right:0;top:2.5px;border-top:1px solid var(--ink)}.masthead .dateline{display:flex;justify-content:space-between;margin-top:4px;font:italic clamp(10px,3vmin,13px) var(--serif);color:var(--ink-soft)}.stamp{flex:0 0 auto;transform:rotate(9deg);padding:4px 11px;border:2.5px solid var(--stamp);border-radius:6px;color:var(--stamp);font:800 clamp(11px,3.4vmin,14px) var(--sans);letter-spacing:.1em;opacity:.85;-webkit-mask-image:radial-gradient(circle at 30% 60%,#000 60%,rgba(0,0,0,.55));mask-image:radial-gradient(circle at 30% 60%,#000 60%,#0000008c);pointer-events:none}.brief{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 4px;font:italic clamp(11px,3.4vmin,15px) var(--serif);color:var(--ink-soft);line-height:1.25}.brief .txt{flex:1 1 auto;text-align:center}.puzzle{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.puzzle .row{display:flex;justify-content:center;align-items:flex-start;gap:var(--cell-gap);margin-bottom:var(--row-gap)}.puzzle .row:last-child{margin-bottom:0}.puzzle .wgap{width:var(--word-gap);flex:0 0 auto}.cellc{width:var(--cell);flex:0 0 auto;cursor:pointer}.cellc .letter{height:var(--cell-h);border-bottom:2.5px solid var(--ink);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;font:700 var(--cell-font)/1 var(--serif);color:var(--ink)}.cellc .num{text-align:center;font:var(--num-font)/var(--num-h) var(--sans);height:var(--num-h);color:var(--ink-soft);margin-top:2px}.cellc.blank .letter{color:transparent}.cellc.done .letter{color:var(--done)}.cellc.same .letter{background:#f3d98b73;border-radius:6px 6px 0 0}.cellc.sel .letter{background:var(--hl);border-radius:6px 6px 0 0}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.cellc.shake{animation:shake .26s ease-in-out}.case{flex:0 0 auto}.case .cap{text-align:center;font:italic clamp(10px,3vmin,13px) var(--serif);color:var(--ink-soft);margin-bottom:5px;height:1.25em;overflow:hidden}.case .keys{display:grid;grid-template-columns:repeat(var(--key-cols),1fr);gap:5px}.keyt{height:var(--key-h);border-radius:6px;background:linear-gradient(180deg,#fffaf0,#f1e6cd);border:1px solid #cdbf9f;box-shadow:0 2px #cdbf9f;display:flex;align-items:center;justify-content:center;font:700 var(--key-font) var(--serif);color:var(--ink);padding:0;cursor:pointer}.keyt.used{opacity:.3;box-shadow:none;cursor:default}.keyt:active:not(.used){transform:translateY(2px);box-shadow:none}.progress{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font:italic clamp(10px,3vmin,13px) var(--serif);color:var(--ink-soft);padding:4px 0 2px;min-height:20px}.progress .dot{opacity:.6}.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.dock{flex:0 0 auto;display:flex;gap:10px}.action{flex:1;height:clamp(40px,6.4vh,52px);border-radius:10px;background:transparent;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;font:700 clamp(12px,3.7vmin,15px) var(--serif);color:var(--ink);cursor:pointer;padding:0 8px}.action.primary{background:var(--ink);color:var(--paper)}.action:disabled{opacity:.32;cursor:default}.action .ico{font-size:1.05em}.action .badge{font:700 11px var(--sans);background:var(--ink);color:var(--paper);border-radius:9px;padding:1px 6px;min-width:18px;text-align:center}.action .badge:empty{display:none}.corner{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;display:flex;gap:6px;z-index:14}.roundbtn{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--rule);background:#fffdf5bf;color:var(--ink-soft);font:15px var(--serif);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.roundbtn.off{opacity:.45}.vtag{position:absolute;right:12px;bottom:3px;font:600 11px var(--sans);color:var(--ink-soft);opacity:.85;z-index:20;pointer-events:none}.screen{position:absolute;inset:0;z-index:30;background:radial-gradient(120% 60% at 50% -10%,rgba(255,255,255,.5),transparent 60%),linear-gradient(180deg,var(--paper),var(--paper-lo));display:flex;align-items:center;justify-content:center;overflow:hidden}.home-inner{position:relative;width:100%;max-width:460px;height:100%;padding:max(18px,env(safe-area-inset-top)) 20px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,2.2vh,18px)}.home-rule{margin:0;text-align:center;font:italic clamp(11px,3.3vmin,15px)/1.35 var(--serif);color:var(--ink-soft)}.home-buttons{display:flex;flex-direction:column;gap:clamp(6px,1.6vh,12px)}.big-btn{width:100%;min-height:clamp(44px,8.2vh,66px);border-radius:10px;border:2px solid var(--ink);background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;padding:6px 10px}.big-btn.primary{background:var(--ink);color:var(--paper)}.big-btn:disabled{opacity:.4;cursor:default}.big-lbl{font:700 clamp(14px,4.2vmin,18px) var(--serif)}.big-sub{font:italic clamp(10px,3vmin,13px) var(--serif);opacity:.75}.home-foot{display:flex;justify-content:space-between;font:italic clamp(10px,3vmin,13px) var(--serif);color:var(--ink-soft)}.home-sound{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px}.audio-menu{position:relative;display:inline-flex}.audio-menu.home-sound{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px}.audio-menu.home-sound>.roundbtn{position:static;top:auto;right:auto}.audio-pop{position:absolute;display:flex;gap:6px;padding:6px;border-radius:10px;background:#fffdf5fa;border:1.5px solid var(--rule);box-shadow:0 6px 16px #28221647;z-index:30;animation:audio-pop-in .13s ease-out}.audio-pop[hidden]{display:none}.audio-pop.place-below{top:calc(100% + 6px)}.audio-pop.place-above{bottom:calc(100% + 6px)}.audio-pop.align-left{left:0;transform-origin:top left}.audio-pop.align-right{right:0;transform-origin:top right}.audio-pop.place-above.align-left{transform-origin:bottom left}.audio-pop.place-above.align-right{transform-origin:bottom right}@keyframes audio-pop-in{0%{opacity:0;transform:scale(.7) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.roundbtn.audio-ico svg{display:block;width:17px;height:17px;fill:currentColor}.roundbtn.audio-ico.is-off{opacity:.5}.overlay{position:absolute;inset:0;z-index:40;background:#1f1b148c;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.overlay-card{width:100%;max-width:420px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,var(--paper),var(--paper-lo));border:2px solid var(--ink);border-radius:10px;padding:16px 18px;box-shadow:0 18px 40px #00000073}.overlay-card.wide{max-width:520px}.overlay-card h2{margin:0 0 4px;font:700 clamp(17px,5vmin,22px) var(--serif)}.overlay-card h3{margin:14px 0 4px;font:700 clamp(13px,3.8vmin,15px) var(--serif);border-top:1px solid var(--rule);padding-top:10px}.overlay-card p{margin:0 0 8px;font:clamp(12px,3.5vmin,14px)/1.4 var(--serif)}.overlay-card .sub{font:italic clamp(11px,3.2vmin,13px) var(--serif);color:var(--ink-soft)}.win-stamp{display:inline-block;transform:rotate(-4deg);margin:2px 0 10px;padding:5px 13px;border:3px solid var(--stamp);border-radius:6px;color:var(--stamp);font:800 clamp(15px,4.6vmin,20px) var(--sans);letter-spacing:.12em;opacity:.9;-webkit-mask-image:radial-gradient(circle at 30% 60%,#000 60%,rgba(0,0,0,.6));mask-image:radial-gradient(circle at 30% 60%,#000 60%,#0009)}.win-phrase{font:700 clamp(15px,4.6vmin,19px)/1.3 var(--serif)!important;margin-bottom:10px!important}.win-cap{margin-top:10px!important}.win-meaning{color:var(--ink-soft);font-style:italic}.breakdown{border-top:1px solid var(--rule);margin-top:10px;padding-top:8px;font:clamp(11px,3.3vmin,13px)/1.7 var(--sans)}.breakdown .line{display:flex;justify-content:space-between;gap:10px}.breakdown .line span:last-child{font-weight:700;white-space:nowrap}.win-total{font:700 clamp(14px,4.2vmin,17px) var(--serif)!important;border-top:2.5px solid var(--ink);padding-top:7px;margin-top:4px!important}.win-career,.win-chain{font:italic clamp(11px,3.2vmin,13px) var(--serif)!important;color:var(--ink-soft);margin-bottom:2px!important}.overlay-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.btn{width:100%;min-height:44px;border-radius:9px;border:2px solid var(--ink);background:transparent;color:var(--ink);font:700 clamp(13px,3.8vmin,15px) var(--serif);cursor:pointer;padding:6px 10px}.btn.primary{background:var(--ink);color:var(--paper)}.top-list,.shelf-list{display:flex;flex-direction:column;gap:4px}.top-row{display:flex;gap:8px;align-items:baseline;font:clamp(11px,3.3vmin,13px) var(--sans);padding:3px 6px;border-radius:5px}.top-row.me{background:var(--hl);font-weight:700}.top-row .rank{width:2.2em;color:var(--ink-soft)}.top-row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-row{border-bottom:1px solid var(--rule);padding:6px 2px}.shelf-row .no{font:700 11px var(--sans);color:var(--stamp);letter-spacing:.06em}.shelf-row .ph{font:clamp(12px,3.5vmin,14px)/1.3 var(--serif)}.shelf-row .mn{font:italic clamp(10px,3vmin,12px)/1.35 var(--serif);color:var(--ink-soft)}.toast{position:absolute;left:50%;bottom:22%;transform:translate(-50%);z-index:60;background:#2b2318eb;color:var(--paper);padding:8px 14px;border-radius:8px;font:600 clamp(11px,3.3vmin,13px) var(--sans);max-width:84%;text-align:center;pointer-events:none}@media(max-height:520px){.paper{padding-top:8px;gap:3px}.masthead .title{font-size:clamp(17px,5.2vmin,24px)}.masthead .rule{margin-top:4px}.brief{padding:5px 4px}.col-a,.col-b{gap:3px}.home-inner{gap:6px}}@media(max-height:460px)and (min-width:700px){.paper{flex-direction:row;gap:16px;align-items:stretch}.col-a{flex:1 1 56%}.col-b{flex:0 0 42%;justify-content:flex-end;gap:5px}.brief{padding:4px}}