:root{--bg:#0e0e11;--card:#17171b;--raised:#1e1e23;--border:#2e2e35;--border-strong:#44434c;--text:#ece8df;--muted:#b3ada2;--gold:#d6b363;--gold-text:#f0d48e;--warn:#f0a543;--ok:#7ccf8a;--bad:#ec7b6c;--line:#2a2a30;--gold-line:#6b5a33;--sunken:#0b0b0d;--s:clamp(30px,calc((100vw - 80px) / 9.8),54px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--text);margin:0;font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--gold-text);text-underline-offset:3px}a:hover{color:#f6dea0}:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px}h1,h2,h3{letter-spacing:0;margin:0}.wrap{flex-direction:column;gap:24px;max-width:1160px;margin:0 auto;padding:0 clamp(16px,3vw,32px) 48px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 0 16px;display:flex}.hero h1{letter-spacing:-.025em;font:700 clamp(34px,5vw,50px)/1.05 Inter,system-ui,sans-serif}.hero p{color:#c9c3b8;text-wrap:pretty;max-width:560px;margin:0;font-size:17px}.howto{flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:16px 0 0;padding:0;list-style:none;display:flex}.howto li{align-items:center;gap:10px;font:500 14px/1.3 Inter,sans-serif;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;min-width:0}.cardhead{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.title{color:var(--text);align-items:center;gap:12px;font:600 17px/1.3 Inter,system-ui,sans-serif;display:flex}.n{border:1px solid var(--gold-line);width:26px;height:26px;color:var(--gold-text);text-align:center;border-radius:50%;flex:none;justify-content:center;align-items:center;font:600 12px/24px Inter,sans-serif;display:inline-flex}.cardbody{flex-direction:column;gap:16px;padding:20px;display:flex}.cols{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.cols>#tab{flex:600px}.cols>#planSec{flex:420px}.lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font:600 12px/1.4 Inter,sans-serif}.meta{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}kbd{border:1px solid var(--border-strong);background:var(--raised);color:var(--text);border-radius:4px;padding:3px 6px;font:500 12px/1 Inter,sans-serif}.btn{color:var(--text);background:var(--raised);border:1px solid var(--border-strong);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font:600 14px/1 Inter,sans-serif;display:inline-flex}.btn:hover{border-color:#6b6a73}.btn.sm{min-height:36px;padding:0 12px;font-size:13px}.btn.primary{background:var(--gold);border-color:var(--gold);color:#17130a}.btn.primary:hover{background:#e8c97f}.field{color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:6px;min-height:44px;padding:0 12px;font:500 16px/1.2 Inter,sans-serif}select.field{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) no-repeat calc(100% - 19px) 50%/6px 6px, linear-gradient(-45deg,transparent 50%,var(--muted) 50%) no-repeat calc(100% - 13px) 50%/6px 6px,var(--bg);padding-right:36px}.segwrap{background:var(--bg);border:1px solid var(--border);border-radius:6px;align-self:flex-start;gap:2px;padding:3px;display:flex}.seg{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;min-height:36px;padding:0 16px;font:600 14px/1 Inter,sans-serif}.seg.on{color:var(--text);background:#2a2a31;box-shadow:0 1px 2px #0006}.ask{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.nowrap{align-items:center;gap:8px;display:inline-flex}.check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--gold)}#drop{text-align:center;cursor:pointer;background:#131316;border:1.5px dashed #4f4d57;border-radius:6px;flex-direction:column;align-items:center;gap:12px;padding:clamp(28px,5vw,44px) 20px;transition:border-color .15s,background .15s;display:flex;position:relative}#drop:hover,#drop.over{border-color:var(--gold);background:#18160f}#drop .big{font:600 17px/1.3 Inter,sans-serif}#drop .sub{color:var(--muted);font-size:14px}#shot.has-img #drop{flex-flow:wrap;justify-content:center;gap:8px 12px;padding:12px 16px}#shot.has-img #drop svg{width:22px;height:22px}#shot.has-img #drop .big{font-size:15px}#shot.has-img #drop .sub{display:none}#shot.has-img #drop .btn{min-height:36px;font-size:13px}.hand{color:var(--muted);text-align:center;margin:0;font-size:14px}#shot.has-img .hand{display:none}.align{flex-direction:column;gap:10px;display:flex}.guide{border:1px solid var(--gold-line);background:linear-gradient(#d6b3631f,#d6b3630a);border-radius:8px;align-items:center;gap:16px;padding:14px 16px;display:flex}.guide .mini{flex:none;width:120px;height:72px}.gtext{flex-direction:column;gap:6px;min-width:0;display:flex}.gstate{color:var(--text);text-wrap:balance;margin:0;font:700 18px/1.3 Inter,sans-serif}.gstate.gsub{color:var(--muted);text-wrap:pretty;font:400 14px/1.5 Inter,sans-serif}.gstate.gsub b{color:var(--text);font-weight:600}.gstep{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text);margin-bottom:2px;font:600 12px/1.4 Inter,sans-serif;display:block}.gstep.ok{color:var(--ok)}.align.placed .gstate.need,.align:not(.placed) .gstate.done{display:none}.align.placed .guide{border-color:var(--border);background:var(--raised)}.align.placed .guide .mini{width:80px;height:48px}.cue{z-index:1;pointer-events:none;border:2px dashed var(--gold);border-radius:6px;justify-content:center;align-items:flex-start;padding:10px;animation:1.6s ease-in-out infinite cue;display:flex;position:absolute;inset:0}.cue span{border:1px solid var(--gold);max-width:90%;color:var(--gold-text);text-align:center;background:#0e0e11e6;border-radius:999px;padding:8px 16px;font:600 15px/1.35 Inter,sans-serif;box-shadow:0 6px 24px #00000080}.align.placed .cue{display:none}@keyframes cue{0%,to{border-color:#d6b36359}50%{border-color:#d6b363}}@media (width<=600px){.guide{flex-direction:column;align-items:flex-start}.gstate{font-size:16px}.cue span{padding:6px 10px;font-size:12px}}#cropWrap{user-select:none;touch-action:none;border:1px solid var(--border);background:var(--sunken);border-radius:6px;position:relative;overflow:hidden}#cropCanvas{cursor:crosshair;max-width:100%;display:block}#cropCanvas:focus-visible{outline-offset:-3px}#cropStatus{color:var(--muted);font-size:14px}#cropStatus:empty{display:none}.checkbar{border:1px solid;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.checkbar .ico{color:#111;text-align:center;border-radius:50%;flex:none;width:22px;height:22px;font:700 13px/22px Inter,sans-serif}.checkbar .txt{flex:220px;font-size:14px}.checkbar .txt b{font-weight:600}.checkbar .jump{flex-wrap:wrap;gap:6px;display:flex}.checkbar .jump .btn{border-color:#8a6630;min-height:32px;padding:0 10px;font-size:13px}.checkbar.warn{background:#2a2012;border-color:#6e5124}.checkbar.warn .ico{background:var(--warn)}.checkbar.warn .txt span{color:#d9cdb8}.checkbar.good{background:#14231a;border-color:#2f5a3b}.checkbar.good .ico{background:var(--ok)}.checkbar.good .txt span{color:#c5d9c9}.grid{grid-template-columns:repeat(9,var(--s));grid-template-rows:repeat(5,var(--s));align-self:center;gap:calc(var(--s) * .1);display:grid}.slot{width:var(--s);height:var(--s);background:var(--sunken);border:1px solid #3a3940;border-radius:3px;position:relative}.slot .icon{pointer-events:none;user-select:none;width:80%;height:80%;position:absolute;top:4%;left:6%}.slot input{width:calc(var(--d,2) * .64em + 7px);text-align:right;max-width:calc(100% - 2px);font:600 max(11px,calc(var(--s) * .24))/1.25 Inter,sans-serif;font-variant-numeric:tabular-nums;color:#fff;-moz-appearance:textfield;background:#0000008c;border:0;border-radius:2px;padding:0 3px;position:absolute;bottom:1px;right:1px}.slot input::-webkit-outer-spin-button,.slot input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slot input:focus-visible{outline:2px solid var(--gold-text);outline-offset:1px}.slot.zero{background:#0e0e10;border-color:#26262b}.slot.zero .icon{opacity:.3;filter:grayscale()}.slot.zero input{color:#8f8d94;background:0 0}.slot .badge{--b:clamp(10px,calc(var(--s) * .27),14px);width:var(--b);height:var(--b);font:700 calc(var(--b) * .72)/var(--b) Inter,sans-serif;text-align:center;color:#111;border-radius:50%;display:none;position:absolute;top:1px;right:1px}.slot.flag{border:2px solid var(--warn);animation:1.8s ease-in-out infinite pulse}.slot.flag .badge{background:var(--warn);display:block}.slot.flag input{background:var(--warn);color:#111}.slot.fixed{border:2px solid var(--ok)}.slot.fixed .badge{background:var(--ok);display:block}.slot.fixed input{background:var(--ok);color:#111}@keyframes pulse{0%,to{box-shadow:0 0 #f0a54300}50%{box-shadow:0 0 0 4px #f0a5434d}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.slot.flag{box-shadow:0 0 0 3px #f0a5434d}}.legend{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:14px;font-size:13px;display:flex}.legend>span{align-items:center;gap:6px;display:flex}.legend i{color:#111;text-align:center;border-radius:50%;width:14px;height:14px;font:700 10px/14px Inter,sans-serif}.legend .end{margin-left:auto}.askbox{border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding:20px;display:flex}#result{flex-direction:column;gap:20px;padding:20px;display:flex}.verdict{border:1px solid;border-radius:6px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.verdict .vi{color:#111;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font:700 18px/1 Inter,sans-serif;display:flex}.verdict .vt{font:600 18px/1.3 Inter,system-ui,sans-serif}.verdict .vn{font-size:14px}.verdict .vbody{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.verdict.cube{border-color:var(--gold-line);background:#241e12}.verdict.cube .vi{background:var(--gold)}.verdict.cube .vt{color:var(--gold-text)}.verdict.cube .vn{color:#d9cdb8}.verdict.ok{background:#14231a;border-color:#2f5a3b}.verdict.ok .vi{background:var(--ok)}.verdict.ok .vt{color:#a9e4b4}.verdict.ok .vn{color:#c5d9c9}.verdict.no{background:#2a1714;border-color:#6e3028}.verdict.no .vi{background:var(--bad)}.verdict.no .vt{color:#f5aa9f}.verdict.no .vn{color:#e3c9c4}.bar{background:#3a2421;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.bar>i{background:var(--bad);height:100%;display:block}.closers{flex-direction:column;gap:8px;margin-top:8px;display:flex}.group{flex-direction:column;gap:8px;display:flex}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chips .sep{color:#6b6a73}.pill,.chip{border:1px solid var(--border);background:var(--raised);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font:500 14px/1.2 Inter,sans-serif;display:inline-flex}.pill img{flex:none;width:22px;height:22px}.pill.out{border-color:var(--gold-line)}.pill.gemp{padding-left:10px}.gemd{flex:none;width:9px;height:9px;transform:rotate(45deg)}.steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.steps li{background:var(--raised);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.steps .op{color:var(--muted)}.steps .arrow{color:var(--gold);font-size:18px;line-height:1}.steps .times{color:var(--muted);white-space:nowrap;margin-left:auto;font:600 14px Inter,sans-serif}.facts{margin:0}.facts .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;font-size:14px;display:flex}.facts .row:last-child{border-bottom:0}.facts dt{color:var(--muted);flex:none}.facts dd{text-align:right;margin:0}.facts strong{color:var(--gold-text);font-weight:600}.note{color:var(--warn);font-size:13px}.rn{white-space:nowrap;font-weight:500}.rn .ri{vertical-align:-5px;width:20px;height:20px;margin-right:3px}.rwtools{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.rwtools .field{flex:240px;min-width:0}#rwList{border:1px solid var(--border);border-radius:6px;max-height:560px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{z-index:1;background:var(--raised);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-strong);padding:10px 12px;font:600 12px/1.4 Inter,sans-serif;position:sticky;top:0}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 12px}tbody tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#1c1c21}tbody tr.sel{background:#221d12}.linkbtn{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font:600 14px/1.3 Inter,sans-serif}.linkbtn:hover{color:var(--gold-text);text-underline-offset:3px;text-decoration:underline}td.runes{line-height:1.9}td.base{color:var(--muted);font-size:13px}td.lvl{color:var(--muted);font-variant-numeric:tabular-nums}.tag{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font:600 12px/1 Inter,sans-serif;display:inline-flex}.tag.ok{color:#a9e4b4;background:#14231a;border-color:#2f5a3b}.tag.cube{border-color:var(--gold-line);color:var(--gold-text);background:#241e12}.tag.no{border-color:var(--border-strong);color:var(--muted);background:#1e1e23}.empty{text-align:center;color:var(--muted);padding:24px}footer{color:var(--muted);text-align:center;padding-top:16px;font-size:13px}@media (width<=600px){.cardbody,.askbox,#result{padding:16px}.cardhead{padding:14px 16px}.hero{padding-top:36px}.legend .end{margin-left:0}td.base,thead th.base{display:none}}
