html,body{background:#14100b;margin:0;padding:0}*{box-sizing:border-box}.wc{--ink:#f3e6c8;--muted:#b8a582;--gold:#e4c27a;--line:#3a2e20;--panel:#16130f;--btn:#221c14;--btn-line:#6b542c;height:100dvh;color:var(--ink);background:#100e0b;flex-direction:column;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:15px;line-height:1.45;display:flex;overflow:hidden}.wc a{color:var(--gold);text-underline-offset:3px}.wc b{color:#fff4dc}.wc .dim{color:var(--muted)}.wc header{background:var(--panel);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.wc h1{color:#f6edd9;margin:0;font-size:20px;font-weight:400}.wc .sub{color:var(--muted);margin:2px 0 0;font-size:13px}.wc button{background:var(--btn);color:var(--ink);border:1px solid var(--btn-line);cursor:pointer;border-radius:4px;margin:0;padding:6px 12px;font-family:inherit;font-size:14px;line-height:1.2}.wc button:hover{border-color:var(--gold)}.wc button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.wc button.on{background:var(--gold);color:#1c140c;border-color:var(--gold)}.wc button:disabled{opacity:.45;cursor:not-allowed}.wc input,.wc select{background:var(--btn);color:var(--ink);border:1px solid var(--btn-line);border-radius:4px;max-width:220px;margin:0 0 0 4px;padding:5px 8px;font-family:inherit;font-size:14px}.wc input[type=checkbox]{accent-color:var(--gold);margin:0 4px 0 0}.wc .seg{pointer-events:auto;display:inline-flex}.wc .seg>button{border-radius:0;margin-left:-1px}.wc .seg>button:first-child,.wc .seg>.seglabel+button{margin-left:0}.wc .seg>:first-child{border-radius:4px 0 0 4px}.wc .seg>:last-child{border-radius:0 4px 4px 0}.wc .seg>button:hover,.wc .seg>button.on{z-index:1;position:relative}.wc .seglabel{color:var(--muted);border:1px solid var(--btn-line);background:#100e0be6;border-right:0;align-items:center;padding:0 8px;font-size:13px;display:flex}.wc main{flex:1;min-height:0;display:flex}.wc .wrap{flex:1;grid-template-columns:minmax(0,1fr) minmax(320px,400px);min-width:0;min-height:0;display:grid}.wc .boardcol{min-width:0;min-height:0;position:relative}.wc .board{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#171208;width:100%;height:100%;position:absolute;inset:0}.wc .toolbar{z-index:3;pointer-events:none;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.wc .layers{flex-wrap:wrap;gap:6px;display:flex}.wc .toolbar button{pointer-events:auto;background:#100e0be6}.wc .toolbar button.on{background:var(--gold)}.wc .zoom{margin-left:auto}.wc .zoom>button{min-width:34px}.wc .layercap{border:1px solid var(--line);max-width:min(440px,100% - 20px);color:var(--ink);z-index:3;pointer-events:none;background:#100e0beb;border-radius:4px;padding:8px 10px;font-size:13px;position:absolute;bottom:10px;left:10px}.wc .layercap p{color:var(--muted);margin:4px 0 0}.wc .keyrow{flex-wrap:wrap;gap:2px 12px;display:flex}.wc .key{align-items:center;gap:5px;display:inline-flex}.wc .sw{border-radius:50%;width:13px;height:13px;display:inline-block;box-shadow:0 0 0 1px #120e09}.wc .legendcard{background:var(--panel);border:1px solid var(--btn-line);width:min(320px,100% - 20px);max-height:calc(100% - 120px);color:var(--ink);z-index:4;border-radius:4px;padding:10px 12px;font-size:14px;position:absolute;top:50px;left:10px;overflow-y:auto}.wc .legendcard h4{color:var(--gold);margin:12px 0 4px;font-size:15px;font-weight:700}.wc .legendcard h4:first-of-type{margin-top:0}.wc .legendcard .x{float:right;padding:0 8px}.wc .dot{vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-right:6px;display:inline-block}.wc .tip{background:var(--panel);border:1px solid var(--btn-line);color:var(--ink);z-index:10;pointer-events:none;border-radius:4px;padding:8px 10px;font-size:14px;position:fixed}.wc .bad{color:#ffb4c0}.wc .ok{color:#d5e2b8}.wc .panel{background:var(--panel);border-left:1px solid var(--line);min-height:0;padding:14px 18px 24px;overflow-y:auto}.wc .panel p{margin:0 0 10px}.wc .panel h3{border-top:1px solid var(--line);color:var(--gold);margin:20px 0 6px;padding-top:12px;font-size:15px;font-weight:700}.wc .counter{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.wc .counter b{font-size:18px}.wc .turnhead{color:#f6edd9;margin:4px 0 6px;font-size:22px;font-weight:400}.wc .tokens{font-size:14px}.wc .tokens .dim{font-size:13px}.wc .hint{border-left:3px solid var(--gold);background:#1d1812;margin:12px 0;padding:10px 12px}.wc .hint p{margin:0 0 8px}.wc .hint p:last-child{margin:0}.wc .turns{margin:0;padding:0;font-size:14px;list-style:none}.wc .turns li{border-bottom:1px solid #241d15;gap:10px;padding:6px 0;display:flex}.wc .turns li:first-child{color:#fff4dc}.wc .tn{width:34px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.wc .note{color:var(--gold)}.wc .rules{margin-top:18px;font-size:14px}.wc .rules summary,.wc .logsum{cursor:pointer;color:var(--gold)}.wc .rules ol{margin:8px 0 0;padding-left:20px}.wc .rules li{margin-bottom:4px}.wc .options{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding-top:12px;display:flex}.wc .chk{color:var(--muted);align-items:center;font-size:14px;display:inline-flex}.wc .track{margin:0 0 14px;display:flex}.wc .track button{border-radius:0;flex:1;margin-left:-1px;padding:6px 4px;font-size:13px}.wc .track button:first-child{border-radius:4px 0 0 4px;margin-left:0}.wc .track button:last-child{border-radius:0 4px 4px 0}.wc .lesson h2{color:#f6edd9;margin:0 0 8px;font-size:22px;font-weight:400}.wc .lesson .kicker{color:var(--muted);margin:0 0 2px;font-size:13px}.wc .lesson p.movelabel{color:var(--muted);margin:12px 0 0;font-size:13px}.wc p.formula{color:var(--muted);border-top:1px solid var(--line);margin-top:12px;padding-top:8px;font-size:13px}.wc .movecard{text-align:left;align-items:center;gap:10px;width:100%;margin:6px 0;padding:8px 10px;display:flex}.wc .movecard small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.wc .movenum{color:#ffe08a;background:#3a2a12;border:2px solid #ffe08a;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.wc .ranklist{margin:0 0 12px;padding:0;list-style:none}.wc .ranklist li{margin:0 0 6px}.wc .ranklist button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.wc .ranklist button span{color:var(--muted);font-size:13px}.wc .btnrow{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.wc .row{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0;font-size:14px;display:flex}.wc .pieces{border-top:1px solid var(--line);margin-top:18px;padding-top:10px;font-size:14px}.wc .pieces p{color:var(--muted)}.wc .tools{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.wc .grab{display:none}.wc .pulse{animation:1.6s ease-in-out infinite wc-pulse}@keyframes wc-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.wc .pulse{animation:none}}@media (width<=800px){.wc header{flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px}.wc h1{font-size:17px}.wc .sub{display:none}.wc nav.seg{display:flex}.wc nav.seg>button{flex:1}.wc .layers{display:none}.wc .toolbar{top:8px;left:auto;right:8px}.wc .zoom{margin-left:0}.wc .wrap{grid-template-rows:minmax(180px,1fr) auto;grid-template-columns:1fr}.wc .panel{border-left:0;border-top:1px solid var(--line);max-height:48vh;padding:6px 14px calc(12px + env(safe-area-inset-bottom))}.wc .grab{background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;width:100%;margin:0 0 6px;padding:4px 8px 6px;font-size:14px;display:flex}.wc .grip{background:var(--btn-line);border-radius:2px;width:36px;height:4px}.wc .wrap.sheet-shut .sheetbody{display:none}.wc .wrap.sheet-shut .panel{max-height:none}.wc .wrap.sheet-shut .grab{margin:0}.wc .layercap{display:none}}