:root{--bg:#120e0a;--stone:#4a4034;--stone-2:#3b3329;--stone-3:#2c261e;--stone-hi:#6e6150;--stone-lo:#1a1510;--parch:#d7c7a0;--parch-ink:#1b140c;--gold:#ffd84a;--yellow:#ffff3a;--orange:#ff9a26;--cyan:#45e6e6;--green:#3fdc5a;--red:#ff4a3a;--white:#f4efe4;--blue-opt:#0b2fa8;--pixel:"Pixelify Sans", ui-monospace, monospace;--jp:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--shadow:1px 1px 0 #000;--tex:radial-gradient(#ffffff0a 1px, transparent 1px) 0 0 / 5px 5px, radial-gradient(#0000001f 1px, transparent 1px) 2px 3px / 7px 7px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--white);margin:0}body{font:15px/1.35 var(--pixel);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit}[lang=ja]{font-family:var(--jp)}.loading{text-align:center;padding:40px}.dim{opacity:.7}.small{font-size:13px}.gold{color:var(--gold)}.green{color:#0a7a1e}.red{color:#a3160c}kbd{font:11px var(--pixel);border:1px solid #fff5;border-radius:3px;margin-left:4px;padding:0 4px}.ui-btn{background:var(--tex), linear-gradient(#5c4f3e, #3e3428);color:var(--orange);text-shadow:var(--shadow);cursor:pointer;border:2px solid #120d08;border-radius:2px;padding:6px 12px;box-shadow:inset 1px 1px #8a7a62,inset -1px -1px #241d15}.ui-btn:hover:not(:disabled){color:var(--white)}.ui-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset -1px -1px #8a7a62,inset 1px 1px #241d15}.ui-btn:disabled{opacity:.45;cursor:default}.ui-btn.small{padding:3px 8px;font-size:13px}.ui-btn.big{padding:10px 26px;font-size:20px}.ui-btn.danger{color:var(--red)}.client{background:var(--tex), var(--stone-2);width:100%;min-width:0;max-width:min(1220px,177.778vh - 151.556px);box-shadow:inset 2px 2px 0 var(--stone-hi), inset -2px -2px 0 var(--stone-lo);grid-template:"view side""chat side"196px/minmax(0,1fr) 250px;gap:6px;margin:0 auto;padding:6px;display:grid}.viewport-frame{box-shadow:0 0 0 2px var(--stone-hi);background:#000;border:3px solid #0d0a07;grid-area:view;min-width:0}.side{contain:size;background:var(--tex), var(--stone);min-height:0;box-shadow:inset 2px 2px 0 var(--stone-hi), inset -2px -2px 0 var(--stone-lo);flex-direction:column;grid-area:side;gap:4px;padding:6px;display:flex}.chatbox{background:var(--parch);min-width:0;box-shadow:0 0 0 2px var(--stone-hi), inset 0 0 18px #8a764a66;color:var(--parch-ink);border:3px solid #0d0a07;flex-direction:column;grid-area:chat;display:flex}.scene{-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden;container-type:inline-size}.scene canvas{width:100%;height:auto;image-rendering:pixelated;cursor:grab;touch-action:none;display:block}.tablet-text{color:#2a2520;line-height:1.05;font-family:var(--jp);pointer-events:none;white-space:nowrap;text-shadow:0 1px #fff5,0 -1px #0000004d;filter:drop-shadow(0 0 calc(var(--glow,0) * 8px) #fff3b0);font-weight:700;transition:opacity .12s;position:absolute;transform:translate(-50%,-50%)}.tablet-text.vertical{writing-mode:vertical-rl}.tablet-text.gold{color:#5a3d00}.tablet-text .hl{color:#8a1f12}.tablet-text.board{color:#3a2412;text-shadow:0 1px #ffffff40}.tablet-text.idle{opacity:.85}.hover-text{color:var(--white);text-shadow:var(--shadow);pointer-events:none;font-size:15px;position:absolute;top:4px;left:6px}.area-name{color:var(--gold);text-shadow:var(--shadow);pointer-events:none;opacity:.85;font-size:13px;position:absolute;bottom:4px;left:6px}.xp-tracker{color:var(--white);text-shadow:var(--shadow);pointer-events:none;background:#0008;border:1px solid #ffffff30;padding:2px 8px;font-size:14px;position:absolute;top:4px;right:6px}.xp-tracker .xg{color:var(--gold);font-family:var(--jp)}.xp-drops{pointer-events:none;width:200px;height:55%;position:absolute;top:30px;right:14px}.xp-drop{color:var(--white);text-shadow:var(--shadow), 0 0 3px #000;white-space:nowrap;font-size:16px;animation:1.6s linear forwards xp-rise;position:absolute;bottom:0;right:0}.xp-drop.big{color:var(--gold);font-size:20px}@keyframes xp-rise{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(-120px)}}.splat{left:var(--tab-x);top:var(--tab-y);min-width:30px;height:24px;color:var(--white);text-shadow:var(--shadow);pointer-events:none;background:radial-gradient(circle,#d8a42a 0 55%,#8a5a00 56% 70%,#0000 71%);border-radius:40%;place-items:center;padding:0 6px;font-size:15px;animation:.9s ease-out forwards splat;display:grid;position:absolute;transform:translate(-50%,-50%)}.splat.miss{background:radial-gradient(circle,#5a6a8a 0 55%,#2a3550 56% 70%,#0000 71%)}@keyframes splat{0%{transform:translate(-50%,-50%)scale(.4)}15%{transform:translate(-50%,-50%)scale(1.15)}25%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}.tab-bar{left:var(--tab-x);top:var(--tab-y);pointer-events:none;background:#a01010;border:1px solid #000;width:56px;height:6px;position:absolute;transform:translate(-50%,-150%)}.tab-bar span{background:#10c010;height:100%;transition:width .3s;display:block}.overhead{left:var(--head-x);top:var(--head-y);color:var(--yellow);text-shadow:var(--shadow), 0 0 2px #000;white-space:nowrap;pointer-events:none;font-size:17px;font-family:var(--jp);font-weight:700;animation:2.2s forwards fade-late;position:absolute;transform:translate(-50%,-100%)}.overhead.npc{left:var(--npc-x);top:var(--npc-y)}@keyframes fade-late{0%,80%{opacity:1}to{opacity:0}}.banner{color:var(--gold);text-shadow:2px 2px #000;white-space:nowrap;pointer-events:none;font-size:clamp(16px,3.2cqw,26px);animation:2.6s ease-out forwards banner;position:absolute;top:16%;left:50%;transform:translate(-50%)}@keyframes banner{0%{opacity:0;transform:translate(-50%,8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.lucky-badge{color:var(--cyan);text-shadow:var(--shadow);pointer-events:none;font-size:14px;animation:1s infinite alternate pulse;position:absolute;top:26px;left:6px}@keyframes pulse{to{opacity:.6}}.end-btn{color:var(--orange);text-shadow:var(--shadow);cursor:pointer;background:#000a;border:1px solid #ffffff40;padding:2px 8px;font-size:13px;position:absolute;bottom:22px;left:6px}.window-layer{z-index:20;background:#0006;place-items:center;display:grid;position:absolute;inset:0}.window{background:var(--tex), var(--stone);width:min(460px,94%);max-height:92%;box-shadow:inset 2px 2px 0 var(--stone-hi), inset -2px -2px 0 var(--stone-lo), 0 6px 20px #000c;border:3px solid #0d0a07;flex-direction:column;animation:.16s ease-out pop;display:flex}.window.wide{width:min(640px,96%)}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.window-title{color:var(--orange);text-shadow:var(--shadow);border-bottom:2px solid var(--stone-lo);justify-content:space-between;align-items:center;padding:6px 10px;font-size:17px;display:flex}.window-x{color:var(--white);cursor:pointer;background:#6a1a10;border:1px solid #000;width:24px;height:22px;padding:0;line-height:1}.window-body{text-shadow:var(--shadow);padding:10px 12px;overflow-y:auto}.window-body h4{color:var(--orange);margin:10px 0 4px;font-weight:400}.w-line{margin:6px 0}.w-buttons{justify-content:center;gap:8px;margin-top:10px;display:flex}.sum-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sum-cell{background:#0003;border:1px solid #0006;flex-direction:column;padding:6px;display:flex}.sum-cell span{color:var(--orange);font-size:12px}.sum-cell b{color:var(--yellow);font-size:18px;font-weight:400}.sum-cell small{opacity:.7}.loot{margin:8px 0;padding:0;list-style:none}.loot li{font-family:var(--jp);padding:2px 0}.rarity{font-family:var(--pixel)}.rarity.common{color:#d8d0c0}.rarity.uncommon{color:#6fd0ff}.rarity.rare{color:#ff9a26}.rarity.veryRare{color:#c08cff}.rarity.pet{color:#ff5ad0}table.guide{border-collapse:collapse;width:100%}.guide td{vertical-align:top;border-bottom:1px solid #0004;padding:4px 6px}.guide .lv{color:var(--yellow);width:40px}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:2px;display:grid}.kcell{aspect-ratio:1;font:17px var(--jp);cursor:pointer;color:#fff;text-shadow:none;border:1px solid #0008;padding:0}.kcell.st-new{color:#8a7a68}.kcell.st-master{color:#2b2118}.kcell.leech{outline:2px solid var(--red);outline-offset:-2px}.kcell.sel{box-shadow:0 0 0 2px var(--yellow)}.kcell.pair{letter-spacing:-1px;white-space:nowrap;font-size:12px}.st-new{background:#2e261e}.st-learn{background:#4f78a8}.st-fam{background:#3f938f}.st-solid{background:#5f9e3e}.st-master{background:#d8b23a}.detail{border-top:1px solid #0006;align-items:flex-start;gap:12px;margin-top:10px;padding-top:10px;display:flex}.detail-kanji{font:700 52px var(--jp);line-height:1}.detail-kanji.pair{white-space:nowrap;font-size:34px}.tagx{border:1px solid #ffffff50;margin-left:4px;padding:0 5px;font-size:11px}.tagx.warn{color:var(--red);border-color:var(--red)}.word-chip{color:inherit;font:13px var(--jp);cursor:pointer;background:#0003;border:1px solid #0005;border-radius:2px;margin:2px 4px 2px 0;padding:2px 6px}.scroll-list{margin:0;padding:0;list-style:none}.scroll-list li{border-bottom:1px solid #0004;align-items:flex-start;gap:8px;padding:6px 0;display:flex}.scroll-list .jp{font-size:17px}.scroll-list .jp.big{font-size:22px}.speak{width:24px;height:24px;color:var(--yellow);cursor:pointer;background:#0004;border:1px solid #ffffff60;border-radius:50%;flex:none;padding:0;font-size:10px}.chat-main{flex:1;min-height:0;padding:6px 10px 2px;overflow:hidden}.chat-log{flex-direction:column;justify-content:flex-end;height:100%;font-size:14px;display:flex;overflow-y:auto}.chat-log .line{align-items:center;gap:4px;display:flex}.chat-log .speak{color:#3a2a10;background:#0001;border-color:#5a4630;width:18px;height:18px}.line.dim{color:#4a3f2c}.line.examine{color:#222;font-style:italic}.line.level{color:#0b2fa8}.line.stage{color:#1b6b1b}.line.mastered{color:#7a2fa8}.line.lucky{color:#00707a}.line.task{color:#8a0f0f}.line.drop-common{color:#5a4200}.line.drop-uncommon{color:#0b4ea2;font-family:var(--jp)}.line.drop-rare{color:#b85a00;font-weight:600}.line.drop-veryRare{color:#7a2fa8;font-weight:600}.line.drop-pet{color:#c4007a;font-weight:600}.chat-input{border-top:1px solid #8a764a;align-items:center;gap:6px;padding:2px 10px;font-size:15px;display:flex}.chat-input .who{color:#000}.chat-input input{color:#0b2fa8;min-width:0;font:18px var(--jp);background:0 0;border:none;outline:none;flex:1}.chat-input input::placeholder{color:#6a5a3c;font:14px var(--pixel)}.chat-input .caret{color:#0b2fa8;animation:.6s infinite alternate pulse}.chat-input .mini{cursor:pointer;background:#0001;border:1px solid #6a5a3c;padding:0 6px}.chat-filters{background:var(--tex), var(--stone);align-items:center;gap:2px;padding:2px 4px;display:flex}.chat-filters button{background:var(--stone-3);color:var(--orange);text-shadow:var(--shadow);cursor:pointer;border:1px solid #000;padding:1px 10px;font-size:13px}.chat-filters button.on{color:var(--white);background:var(--stone-hi)}.filter-hint{color:#d8c8a0;text-shadow:var(--shadow);margin-left:auto;padding-right:4px;font-size:12px}.dlg{align-items:flex-start;gap:12px;height:100%;display:flex}.dlg-body{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow-y:auto}.dlg-body.center{text-align:center;justify-content:center;align-items:center}.dlg-body p{margin:2px 0 6px;font-size:15px}.dlg-title{color:maroon;margin-bottom:4px;font-size:16px}.dlg-title.blue{color:#0b2fa8;font-size:20px}.dlg-unlock{color:maroon}.npc-line{color:#000}.jp-big{font-size:22px}.chathead{width:76px;height:76px;image-rendering:pixelated;flex:none}.tablet-icon{writing-mode:vertical-rl;color:#2a2520;background:linear-gradient(135deg,#a6a198,#77736a);border:2px solid #2a2622;flex:none;place-items:center;width:76px;height:76px;font-weight:700;line-height:1;display:grid;box-shadow:inset 2px 2px #c8c3ba,inset -2px -2px #4a4640}.lv-icon{width:76px;height:76px;font:700 52px var(--jp);color:var(--gold);text-shadow:2px 2px #000;flex:none;place-items:center;display:grid}.opts{grid-template-columns:1fr 1fr;gap:2px 18px;display:grid}.opt{text-align:left;color:var(--blue-opt);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:3px 4px;font-size:17px}.opt:hover{color:#fff;background:#0b2fa8}.opt .n{color:#000}.opt:hover .n{color:#fff}.opt.right{color:#fff;background:#1b8a2e}.opt.idk{color:#6a5a3c;font-size:14px}.continue{color:var(--blue-opt);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:auto;padding:2px 0;font-size:15px}.dlg-body.center .continue{align-self:center}.continue:hover:not(:disabled){text-decoration:underline}.continue:disabled{color:#8a7a5c;cursor:default}.dlg-words{flex-wrap:wrap;margin-bottom:4px;display:flex}.dlg .word-chip{color:#1b140c;border-color:#8a764a}.side-status{text-shadow:var(--shadow);background:#0003;border:1px solid #0006;padding:4px 6px 6px}.st-name{color:var(--white);font-size:16px}.st-name small{color:var(--orange);margin-left:6px;font-size:12px}.st-row{color:var(--yellow);justify-content:space-between;margin:2px 0 4px;font-size:13px;display:flex}.st-xp{background:#3a0d0d;border:1px solid #000;height:14px;position:relative}.st-xp span{background:linear-gradient(#2fbf3f,#1a8a25);height:100%;display:block}.st-xp em{text-align:center;color:var(--white);font-size:11px;font-style:normal;line-height:12px;position:absolute;inset:0}.tabs{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.tab-btn{background:var(--tex), var(--stone-3);color:#c9b58a;height:34px;font:18px var(--jp);cursor:pointer;text-shadow:var(--shadow);border:1px solid #000;box-shadow:inset 1px 1px #6a5c4a}.tab-btn.on{background:var(--tex), #7a2a1c;color:var(--gold);box-shadow:inset 1px 1px #b0503a}.tab-panel{min-height:0;text-shadow:var(--shadow);background:#0002;border:1px solid #0006;flex:1 1 0;overflow-y:auto}.tab-pad{padding:8px}.tab-h{color:var(--orange);margin:8px 0 4px;font-size:15px}.tab-pad>.tab-h:first-child{margin-top:0}.tab-skills{padding:6px}.skill-grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.skill-tile{background:var(--tex), var(--stone-3);height:44px;color:var(--yellow);text-shadow:var(--shadow);cursor:default;border:1px solid #000;justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:relative;box-shadow:inset 1px 1px #6a5c4a,inset -1px -1px #120e0a}.skill-tile.on{cursor:pointer}.skill-tile.on:hover{box-shadow:inset 0 0 0 1px var(--gold)}.skill-tile.off{opacity:.55}.skill-tile .sg{font:700 22px var(--jp);color:var(--gold)}.skill-tile .sl{font-size:20px}.skill-tile .sbar{background:#0008;height:3px;position:absolute;bottom:2px;left:3px;right:3px}.skill-tile .sbar span{background:var(--green);height:100%;display:block}.skill-tile.total{grid-column:span 3;justify-content:center;gap:8px;height:30px}.skill-tile .tl{color:var(--yellow);font-size:11px}.skill-tile .tv{font-size:18px}.tip-line{white-space:pre-line;color:#e8dcc0;min-height:46px;margin:4px 2px;font-size:12px}.method-list{flex-direction:column;gap:1px;font-size:14px;display:flex}.method-list label{cursor:pointer;align-items:center;gap:4px;padding:3px 4px;display:flex}.method-list label.sel{color:var(--yellow);background:#0004}.method-list label.locked{opacity:.45;cursor:default}.method-list input{accent-color:#b0503a;margin:0}.method-list .xr{color:var(--cyan);margin-left:auto;font-size:12px}.train-buttons{grid-template-columns:1fr 1fr 1fr;gap:3px;margin-top:6px;display:grid}.train-buttons .ui-btn{padding:5px 2px;font-size:13px}.task-name{color:var(--yellow);margin:4px 0}.pbar{background:#3a0d0d;border:1px solid #000;height:16px;margin:4px 0 6px;position:relative}.pbar span{background:linear-gradient(#2fbf3f,#1a8a25);height:100%;display:block}.pbar em{text-align:center;font-size:12px;font-style:normal;line-height:14px;position:absolute;inset:0}.kv{grid-template-columns:1fr auto;gap:2px 8px;margin:8px 0;font-size:14px;display:grid}.kv span{color:var(--orange)}.kv b{color:var(--yellow);text-align:right;font-weight:400}.inv{grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid}.inv-slot{aspect-ratio:1/.9;cursor:pointer;background:#0002;border:1px solid #00000040;place-items:center;padding:0;display:grid;position:relative}.inv-slot:hover:not(.empty){background:#ffffff14}.inv-slot.empty{cursor:default;border-color:#0000}.inv-icon{font:700 24px var(--jp);text-shadow:1px 1px #000,0 0 4px #0008}.inv-count{color:var(--yellow);font-size:12px;position:absolute;top:1px;left:3px}.inv-hint{color:#c9b58a;text-align:center;min-height:14px;margin:2px 0 4px;font-size:11px;display:block}.inv-wrap{flex-direction:column;display:flex}.inv-foot{padding:0 6px 6px}.inv-foot .row-btns{justify-content:center}.inv-slot.dragging{opacity:.35}.inv-slot.sel{box-shadow:inset 0 0 0 2px var(--yellow)}.inv-slot.static{cursor:default;flex:none;width:44px}.opt-menu-layer{z-index:60;position:fixed;inset:0}.opt-menu{background:#5d5447;border:1px solid #000;min-width:170px;padding:0 0 2px;font-size:13px;position:fixed;box-shadow:0 2px 8px #000a}.opt-menu-h{color:#5d5447;background:#000;padding:1px 4px;font-weight:700}.opt-menu button{text-align:left;color:#fff;cursor:pointer;width:100%;font:inherit;white-space:nowrap;background:0 0;border:0;padding:2px 6px;display:block}.opt-menu button:hover{color:var(--yellow)}.set-list{margin:0 0 8px;padding:0;font-size:13px;list-style:none}.set-list li{border-bottom:1px solid #0003;justify-content:space-between;padding:2px 0;display:flex}.set-title{color:var(--gold);font-size:12px}.seg{gap:2px;margin:4px 0;display:flex}.seg button{color:#c9b58a;cursor:pointer;font:inherit;background:#0003;border:1px solid #000;flex:1;padding:3px;font-size:13px}.seg button.on{color:var(--yellow);background:#0006}.shop-group{color:var(--gold);margin:6px 0 1px;font-size:12px}.supplies{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0;display:flex}.stepper{align-items:center;gap:4px;font-size:12px;display:inline-flex}.stepper b{text-align:center;min-width:12px}.bank-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-content:start;gap:4px;min-height:100px;max-height:300px;padding:2px;display:grid;overflow-y:auto}.bank-search{color:var(--white);font:inherit;background:#0004;border:1px solid #000;width:120px;margin-left:auto;padding:2px 6px;font-size:13px}.recipes{flex-direction:column;gap:4px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.recipes li{background:#0002;border:1px solid #0004;align-items:center;gap:8px;padding:4px 6px;display:flex}.recipes li>div{flex:1}.recipes li.locked{opacity:.75}.log-split{grid-template-columns:150px 1fr;gap:10px;display:grid}.log-groups{margin:0;padding:0;list-style:none}.log-groups button{text-align:left;color:#ff981f;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #0003;justify-content:space-between;padding:3px 4px;font-size:13px;display:flex}.log-groups button.done{color:#0dc10d}.log-groups button.on{background:#0004}.kana-chart{border-collapse:collapse;margin:0 auto}.kana-chart th{color:#c9b58a;padding:2px 6px;font-size:12px;font-weight:400}.kana-chart td{width:38px;height:34px;padding:1px}.kana-chart .kcell{aspect-ratio:auto;width:36px;height:32px}@media (width<=600px){.log-split{grid-template-columns:1fr}}.doll{grid-template-rows:52px 52px 52px;grid-template-columns:52px 52px 52px;justify-content:center;gap:6px;margin:6px 0 10px;display:grid}.eq-slot{cursor:pointer;background:#0003;border:1px solid #000;place-items:center;padding:0;display:grid;box-shadow:inset 1px 1px #6a5c4a}.eq-slot.empty{cursor:default}.eq-ghost{color:#8a7a62;font-size:10px}.log-rows{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.log-row{color:var(--orange);cursor:pointer;text-align:left;background:#0003;border:1px solid #0006;justify-content:space-between;padding:4px 6px;font-size:14px;display:flex}div.log-row{cursor:default}.log-row b{color:var(--yellow);font-weight:400}button.log-row:hover{background:#ffffff10}.stage-bar{border:1px solid #000;height:10px;margin:4px 0;display:flex;overflow:hidden}.stage-bar span{transition:flex-grow .3s}table.rates td{padding:2px 6px;font-size:13px}.shop{flex-direction:column;gap:3px;display:flex}.shop-row{background:#0003;border:1px solid #0006;align-items:center;gap:8px;padding:3px 6px;display:flex}.shop-row.owned{opacity:.6}.shop-row .inv-icon{text-align:center;width:30px}.shop-name{color:var(--white);flex-direction:column;flex:1;font-size:14px;display:flex}.shop-name small{color:#c9b58a;font-size:11px}.tracks{margin:6px 0;padding:0;list-style:none}.track{text-align:left;width:100%;color:var(--red);cursor:pointer;text-shadow:var(--shadow);background:0 0;border:none;padding:3px 4px;font-size:15px}.track.on{color:var(--green)}.track.playing{background:#0004}.track small{color:#c9b58a;margin-left:6px;font-size:11px}.track:disabled{cursor:default}.settings .slider{flex-direction:column;gap:2px;margin-bottom:8px;font-size:14px;display:flex}.settings .slider b{color:var(--yellow);font-weight:400}.settings input[type=range]{accent-color:#b0503a;width:100%}.check{cursor:pointer;align-items:center;gap:6px;margin:4px 0;font-size:14px;display:flex}.row-btns{flex-wrap:wrap;gap:4px;display:flex}.title-screen{place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.title-bg{filter:brightness(.55)saturate(1.1);place-items:center;display:grid;position:absolute;inset:0}.title-bg .scene{width:max(100vw,177.778vh)}.title-bg canvas{cursor:default}.title-box{z-index:1;text-align:center;background:var(--tex), #2a231bdd;box-shadow:inset 2px 2px 0 var(--stone-hi), inset -2px -2px 0 var(--stone-lo), 0 10px 40px #000;border:3px solid #0d0a07;max-width:calc(100vw - 32px);padding:28px 36px;position:relative}.logo{justify-content:center;align-items:center;gap:14px;display:flex}.logo-n1{width:64px;height:64px;color:var(--gold);text-shadow:2px 2px #000;background:radial-gradient(#5a4210,#2a1d08);border:3px solid #8a6a10;place-items:center;font-size:30px;display:grid;box-shadow:0 0 18px #ffb02040}.logo-name{background:linear-gradient(#fff6c0,#ffd84a 45%,#c88a10 55%,#ffe680);color:#0000;filter:drop-shadow(3px 3px #000);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,56px);font-weight:600}.logo-sub{color:var(--white);text-shadow:var(--shadow);margin-top:8px;font-size:18px}.logo-sub2{color:var(--orange);text-shadow:var(--shadow);margin:4px 0 20px}.title-meta{color:var(--yellow);text-shadow:var(--shadow);margin-top:10px}.title-foot{text-align:center;color:#c9b58a;text-shadow:var(--shadow);padding:0 16px;font-size:12px;position:absolute;bottom:10px;left:0;right:0}.creator{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:center;gap:8px;max-width:1100px;min-height:100vh;margin:0 auto;padding:8px;display:grid}.creator-view{box-shadow:0 0 0 2px var(--stone-hi);border:3px solid #0d0a07}.creator-view canvas{cursor:default}.creator-panel{background:var(--tex), var(--stone);box-shadow:inset 2px 2px 0 var(--stone-hi), inset -2px -2px 0 var(--stone-lo);text-shadow:var(--shadow);border:3px solid #0d0a07;flex-direction:column;gap:8px;padding:16px;display:flex}.creator-panel h2{color:var(--orange);margin:0 0 4px;font-weight:400}.name-field{color:var(--yellow);flex-direction:column;gap:4px;display:flex}.name-field input{font:18px var(--pixel);color:var(--white);background:#120e0a;border:2px solid #000;padding:6px 8px;box-shadow:inset 1px 1px #000}.creator-row{grid-template-columns:40px 1fr 40px;align-items:center;gap:6px;display:grid}.arrow{background:var(--tex), var(--stone-3);height:34px;color:var(--gold);cursor:pointer;border:1px solid #000;box-shadow:inset 1px 1px #6a5c4a}.creator-val{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.creator-val small{color:var(--orange)}.creator-val b{color:var(--white);font-weight:400}.swatch-big{border:2px solid #000;width:60px;height:16px}.toast{background:var(--tex), var(--stone);width:min(520px,100% - 32px);box-shadow:inset 2px 2px 0 var(--stone-hi), 0 4px 16px #000a;color:var(--white);text-shadow:var(--shadow);z-index:50;cursor:pointer;border:3px solid #0d0a07;padding:10px 14px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=820px){.client{grid-template:"view""chat""side"/minmax(0,1fr);max-width:100%;padding:4px}.chatbox{min-height:200px}.opts{grid-template-columns:1fr}.side{contain:none}.tab-panel{flex:none;min-height:280px}.chathead,.tablet-icon,.lv-icon{width:56px;height:56px}.creator{grid-template-columns:1fr}.sum-grid{grid-template-columns:repeat(2,1fr)}.filter-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1ms!important}}.skill-tile.sel{box-shadow:inset 0 0 0 2px var(--gold);background:var(--tex), #5a3a1c}.link{color:var(--cyan);cursor:pointer;text-shadow:var(--shadow);background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.dlg-sentence{font:20px/1.4 var(--jp);color:#000;margin:2px 0}.dlg-hint{color:#5a4a2c;margin-bottom:4px;font-size:13px}.dlg-facts{margin-bottom:4px;font-size:13px}.dlg-facts .small,.dlg-facts .dim{color:#3a2e1c}.dlg-ex{margin:1px 0;font-size:13px}.speak.inline{color:#3a2a10;vertical-align:middle;border-color:#5a4630;width:20px;height:20px}.opt.gone{visibility:hidden}.opt:disabled{opacity:.5;cursor:default}.tiles{flex-direction:column;gap:6px;display:flex}.tile-answer{min-height:30px;font:19px var(--jp);color:#0b2fa8;border-bottom:1px dashed #8a764a;padding:2px 0}.tile-row{flex-wrap:wrap;gap:4px;display:flex}.tile{font:17px var(--jp);cursor:pointer;color:#1b140c;background:#efe2c0;border:1px solid #8a764a;border-bottom-width:3px;border-radius:3px;padding:4px 10px}.tile:hover{background:#fff3d8}.tile.used{opacity:.35}.boss-row{background:#0003;border:1px solid #0006;justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;padding:4px 6px;display:flex}.boss-row.locked{opacity:.6}.boss-name{color:var(--yellow);font-size:14px}.boss-row small{color:#c9b58a;font-size:11px}.boss-bar{pointer-events:none;background:#5a0a0a;border:2px solid #000;width:min(60%,320px);height:16px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.boss-bar span{background:linear-gradient(#3fdc5a,#1a8a25);height:100%;transition:width .25s;display:block}.boss-bar em{text-align:center;color:#fff;text-shadow:var(--shadow);font-size:12px;font-style:normal;line-height:12px;position:absolute;inset:0}.hp-bar{left:var(--head-x);top:var(--head-y);pointer-events:none;background:#a01010;border:1px solid #000;width:48px;height:6px;position:absolute;transform:translate(-50%,-260%)}.hp-bar span{background:#10c010;height:100%;transition:width .25s;display:block}.boss-status{color:var(--yellow);text-shadow:var(--shadow);pointer-events:none;font-size:13px;position:absolute;top:26px;left:6px}.splat.on-head{left:var(--head-x);top:var(--head-y);background:radial-gradient(circle,#c42a1a 0 55%,#6a0a00 56% 70%,#0000 71%)}.w-tabs{flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:8px;display:flex}.w-tabs button{background:var(--stone-3);color:var(--orange);cursor:pointer;text-shadow:var(--shadow);border:1px solid #000;padding:3px 8px}.w-tabs button.on{color:var(--white);background:var(--stone-hi)}.w-tiers{gap:2px;margin-left:auto;display:flex}.word-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:2px;max-height:300px;display:grid;overflow-y:auto}.word-grid .kcell{aspect-ratio:auto;white-space:nowrap;text-overflow:ellipsis;padding:4px 2px;font-size:14px;overflow:hidden}.grave-list{max-height:200px;margin:4px 0;padding:0;list-style:none;overflow-y:auto}.grave-list li{border-bottom:1px solid #0004;padding:3px 0}.grave-list .jp{font-size:17px}.tab-pad a{color:var(--cyan)}.inv-icon.dark{text-shadow:0 0 2px #e8dcc0,0 0 4px #e8dcc080}.have-ok{color:#0dc10d}.have-no{color:#ff5a4a}.inv-img{image-rendering:auto;pointer-events:none;width:36px;height:32px}.inv-img.unseen{filter:brightness(0);opacity:.35}.eq-slot .inv-img,.shop-row .inv-img{width:34px;height:30px}.desk{z-index:20;background:var(--parch);color:var(--parch-ink);box-shadow:0 0 0 2px var(--stone-hi), inset 0 0 26px #8a764a77, 0 6px 18px #000a;border:3px solid #0d0a07;flex-direction:column;display:flex;position:absolute;inset:3%}.desk-head{border-bottom:1px solid #0003;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:4px 10px;display:flex}.desk-head .tagx{color:var(--white);background:#5a3a22}.desk-title{font:700 17px var(--jp)}.desk-tools{align-items:center;gap:6px;margin-left:auto;display:flex}.desk-tools .mini{color:var(--parch-ink);cursor:pointer;font:inherit;background:#0001;border:1px solid #6a5a3c;padding:1px 6px;font-size:13px}.desk-tools .mini:disabled{opacity:.45;cursor:default}.desk-body{flex:1;grid-template-columns:1.2fr 1fr;gap:12px;min-height:0;padding:8px 12px;display:grid}.desk-text{font:17px/2.05 var(--jp);padding-right:6px;overflow-y:auto}.desk-text p{margin:0 0 .5em}.desk-text.big{flex-direction:column;justify-content:center;font-size:24px;line-height:2.2;display:flex}.desk-q{border-left:1px solid #0002;flex-direction:column;gap:3px;padding-left:10px;display:flex;overflow-y:auto}.desk-qhead{color:#6a5a3c;font-size:12px}.desk-question{font:600 15px/1.9 var(--jp)}.desk-opts{flex-direction:column;gap:1px;display:flex}.desk-opts .opt{font-size:14px;line-height:1.75}.desk-opts .opt[lang=ja]{font-family:var(--jp);font-size:15px}.opt.wrong{color:#fff;background:#a82c2c}.opt.faded{opacity:.5}.desk-why{background:#ffffff38;border:1px solid #0003;flex-direction:column;gap:2px;margin-top:4px;padding:6px 8px;font-size:13px;line-height:1.85;display:flex}.desk-why.ok b{color:#0a7a1e}.desk-why.no b{color:#a3160c}.desk-why .continue{margin-top:4px}.desk ruby rt{color:#6b4a2c;letter-spacing:0;font-size:.48em}.desk.boss,.desk.listen:not(.embedded){top:9%;right:45%}.desk.boss .desk-body,.desk.listen:not(.embedded) .desk-body{grid-template-columns:1fr;overflow-y:auto}.desk.boss .desk-text,.desk.listen:not(.embedded) .desk-text{font-size:15px;overflow:visible}.desk.boss .desk-text.big{font-size:19px}.desk.boss .desk-q,.desk.listen:not(.embedded) .desk-q{border-top:1px solid #0002;border-left:0;padding-top:6px;padding-left:0;overflow:visible}@media (width<=760px){.desk,.desk.boss,.desk.listen:not(.embedded){z-index:50;position:fixed;inset:0}.desk-body{grid-template-columns:1fr;overflow-y:auto}.desk-q{border-top:1px solid #0002;border-left:0;padding-top:6px;padding-left:0;overflow:visible}.desk-text{overflow:visible}}.desk-status{color:#a3160c;font-size:12px}@media (width>=761px){.desk-status,.desk-end{display:none}}.listen-pane{flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:15px;display:flex}.waves{align-items:center;gap:4px;height:56px;display:flex}.waves span{opacity:.4;background:#6b4a2c;border-radius:2px;width:6px;height:10px}.waves.on span{opacity:1;animation:.9s ease-in-out infinite wave}@keyframes wave{0%,to{height:10px}50%{height:48px}}@media (prefers-reduced-motion:reduce){.waves.on span{height:30px;animation:none}}.transcript{font:15px/1.9 var(--jp);border-top:1px solid #0002;align-self:stretch;padding-top:6px;overflow-y:auto}.transcript p{margin:0 0 .3em}.transcript .who{color:#6b4a2c}.speed{gap:2px;display:inline-flex}.speed .mini.on{color:var(--white);background:#5a3a22}.dictation{gap:6px;margin:4px 0;display:flex}.dictation input{font:18px var(--jp);color:var(--parch-ink);background:#fffaf0;border:1px solid #6a5a3c;flex:1;padding:4px 6px}.desk.embedded{height:100%;box-shadow:none;border:0;position:static;inset:auto}.exam-hall{z-index:30;background:var(--tex), var(--stone-2);border:3px solid #000;flex-direction:column;display:flex;position:absolute;inset:0}.exam-head{color:var(--yellow);background:#0006;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:5px 10px;font-size:14px;display:flex}.exam-head .mini{background:var(--stone-3);color:var(--white);cursor:pointer;font:inherit;border:1px solid #000;margin-left:auto;font-size:12px}.exam-clock{color:var(--white);font-weight:700}.exam-clock.low{color:var(--red)}.exam-body{background:var(--parch);min-height:0;color:var(--parch-ink);border:2px solid #0d0a07;flex-direction:column;flex:1;margin:4px;display:flex;overflow-y:auto}.exam-intro{text-align:center;max-width:520px;margin:auto;padding:16px}.exam-intro h3{font:700 22px var(--jp);margin:0 0 6px}.exam-card{flex-direction:column;gap:6px;padding:14px 18px;display:flex}.exam-big{font:700 44px var(--jp)}.exam-sentence{font:20px/1.9 var(--jp)}.exam-q{color:#5a4a3a;font-size:14px}@media (width<=760px){.exam-hall{z-index:50;position:fixed}}.score-table{border-collapse:collapse;width:100%;margin:6px 0}.score-table td{vertical-align:middle;border-bottom:1px solid #0003;padding:5px 6px}.score-table .num{text-align:right;white-space:nowrap;font-weight:700}.score-table .total td{border-bottom:0;font-weight:700}.bar-cell{width:45%}.sbar2{background:#0004;border:1px solid #000;height:12px;display:block;position:relative}.sbar2>span{background:var(--green);position:absolute;top:0;bottom:0;left:0}.sbar2>span.low{background:var(--red)}.sbar2>span.range{background:#3fdc5a88}.sbar2>b{background:#fff;width:2px;position:absolute;top:-2px;bottom:-2px}.sbar2>i{background:var(--red);width:2px;position:absolute;top:-3px;bottom:-3px}.stamp{float:right;font:900 30px var(--jp);border:4px double;margin:0 6px 6px 0;padding:4px 12px;transform:rotate(-8deg)}.stamp.pass{color:#c23a3a;border-color:#c23a3a}.stamp.fail{color:#8a7a68;border-color:#8a7a68}.verdict{margin-left:auto;padding:2px 8px;font-weight:700}.verdict.likely{color:var(--green)}.verdict.borderline{color:var(--orange)}.verdict.not-yet{color:var(--red)}.notes{margin:4px 0;padding-left:18px}@keyframes winIn{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:none}}@keyframes deskIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes glowPulse{0%,to{box-shadow:0 0 #ffd84a00}50%{box-shadow:0 0 18px 4px #ffd84a88}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes breathe{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.window{animation:.14s ease-out winIn}.desk,.exam-hall{animation:.18s ease-out deskIn}.levelup-dlg .lv-icon{border-radius:4px;animation:1.6s ease-in-out infinite glowPulse}.ui-btn:active:not(:disabled),.opt:active,.mini:active:not(:disabled),.tab-btn:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.mute-btn{cursor:pointer;filter:grayscale(.2);background:0 0;border:1px solid #0000;margin-left:6px;padding:0 3px;font-size:13px;line-height:1}.mute-btn:hover{border-color:#6a5c4a}.loading{color:#c9b58a;background:radial-gradient(circle at 50% 40%, #2c261e, var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;font-size:15px;display:flex}.loading-glyph{font:700 72px var(--jp);color:var(--gold);text-shadow:2px 2px #000,0 0 24px #ffd84a55;animation:1.8s ease-in-out infinite breathe}@media (prefers-reduced-motion:reduce){.window,.desk,.exam-hall,.levelup-dlg .lv-icon,.loading-glyph{animation:none}}.real-usage{border-top:1px dashed #0003;margin-top:4px;padding-top:3px}.real-usage .hl,.dlg-sentence .hl{color:#a3160c}