@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-900-normal-BI3z7Tow.woff2) format("woff2"),url(./cinzel-latin-900-normal-t_fSDEbn.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-latin-500-normal-BgYH2mbd.woff2) format("woff2"),url(./barlow-condensed-latin-500-normal-HIEiP5Ov.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}:root{--ink: #16130f;--parch: #f1e6cc;--parch-dim: #cdbf9f;--gold: #e8b23a;--gold-hi: #ffd76a;--order: #2f6fd6;--chaos: #c8372d;--panel: rgba(26, 21, 14, .86);--edge: rgba(232, 178, 58, .55);--head: "Cinzel", Georgia, serif;--body: "Barlow Condensed", "Segoe UI", sans-serif;--cut: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px) , 0 10px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1b1610;color:var(--parch);font-family:var(--body);user-select:none}canvas{display:block;position:fixed;inset:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}.g,.key{display:inline-flex;align-items:center;justify-content:center;min-width:1.55em;height:1.55em;padding:0 .35em;margin:0 .1em;font:700 .8em/1 var(--body);vertical-align:middle;letter-spacing:0}.g{border-radius:999px}.g-a{background:#5fd35a;color:#062306}.g-b{background:#ff5148;color:#2b0402}.g-x{background:#3f8cff;color:#02142e}.g-y{background:#ffcf33;color:#2b2002}.g-sh{border-radius:6px;background:#e9e1cc;color:#1b1610;min-width:2.1em}.g-sm{border-radius:6px;background:#3a3124;color:var(--parch);border:1px solid var(--edge)}.key{border-radius:4px;background:linear-gradient(#3a3124,#261f16);color:var(--parch);border:1px solid #6b5a3a;border-bottom-width:3px;height:1.7em}#menu{position:fixed;inset:0;z-index:20;display:none}#menu.on{display:block}#menu .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,15,9,.92) 0%,rgba(20,15,9,.75) 40%,rgba(20,15,9,.1) 75%,transparent)}#menu.modal .shade{background:#140f09b8;backdrop-filter:blur(4px)}.screen{position:absolute;left:clamp(20px,6vw,90px);top:50%;transform:translateY(-50%);width:min(520px,calc(100vw - 40px));display:none}.screen.on{display:block;animation:sIn .3s ease-out}.screen.wide{width:min(1180px,calc(100vw - 40px));left:50%;transform:translate(-50%,-50%)}.screen.center{left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 40px))}@keyframes sIn{0%{opacity:0;translate:0 12px}}.logo{margin-bottom:clamp(16px,4vh,40px)}.logo .l1{font:700 clamp(26px,4vw,44px)/1 var(--head);letter-spacing:.4em;color:var(--parch-dim)}.logo .l2{display:inline-block;white-space:nowrap;padding-right:.08em;font:900 clamp(54px,9vw,112px)/.95 var(--head);letter-spacing:.03em;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,#9c6a16);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #3a2a10) drop-shadow(0 0 18px rgba(232,178,58,.35))}.logo .tag{font:600 clamp(13px,1.5vw,17px) var(--body);letter-spacing:.35em;color:var(--parch-dim);margin-top:12px}.screen h2{font:900 clamp(30px,4vw,48px) var(--head);margin:0 0 20px;color:var(--gold);text-shadow:0 3px 0 #3a2a10}.list{display:flex;flex-direction:column;gap:5px}.mi{position:relative;display:block;width:100%;padding:11px 18px 11px 44px;clip-path:var(--cut);transition:background .15s,padding .15s}.mi .t{display:block;font:700 clamp(19px,2.2vw,25px) var(--head);color:var(--parch-dim);letter-spacing:.04em}.mi .d{display:block;max-height:0;overflow:hidden;opacity:0;font:500 17px var(--body);color:#a99c7e;transition:all .2s}.mi:before{content:"⚔";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;color:#6b5a3a;transition:color .15s}.mi.sel{background:linear-gradient(90deg,rgba(232,178,58,.28),rgba(232,178,58,.06) 75%,transparent);padding-left:52px}.mi.sel:before{color:var(--gold);left:20px}.mi.sel .t{color:#fff6dc}.mi.sel .d{max-height:40px;opacity:1;margin-top:3px}.row{display:flex;align-items:center;justify-content:space-between}.val{display:flex;align-items:center;gap:10px;font:700 19px var(--body);color:#fff6dc}.val b{min-width:90px;text-align:center}.val .arr{font-style:normal;color:var(--gold);opacity:.35}.mi.sel .val .arr{opacity:1}.meter{display:flex;gap:3px}.meter i{width:7px;height:15px;background:#ffffff1a}.meter i.on{background:var(--gold)}.foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(20px,6vw,90px);font:600 16px var(--body);color:#a99c7e;background:linear-gradient(0deg,rgba(20,15,9,.85),transparent)}.foot .hints{display:flex;gap:16px;align-items:center}.padchip{display:flex;align-items:center;gap:10px;padding:6px 14px;clip-path:var(--cut);background:#ffffff0d}.padchip svg{width:30px;height:20px}.padchip.live{color:#7fe07a;background:#5fd35a1a}.grid3{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:14px;margin-bottom:16px}.card-p{background:var(--panel);border:1px solid var(--edge);clip-path:var(--cut);padding:16px 20px;font:500 17px/1.35 var(--body);color:#e6dbbf}.card-p h3{margin:0 0 10px;font:700 18px var(--head);color:var(--gold);letter-spacing:.06em}.card-p p{margin:0 0 10px}.card-p b{color:#fff6dc}.ulist{display:grid;gap:6px}.urow{display:flex;gap:10px;align-items:center;font-size:16px;line-height:1.2}.urow em{color:#a99c7e;font-style:normal}.urow .uic{width:34px;height:40px;flex:none;background:#f1e6cc;border-radius:6px}.urow .uic svg{width:100%;height:100%}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;font-size:16px}.kv span:nth-child(odd){text-align:right;white-space:nowrap}.note{margin-top:12px;font-size:14px;color:#a99c7e}@media(max-width:900px){.grid3{grid-template-columns:1fr}.screen.wide{top:20px;transform:translate(-50%);max-height:calc(100vh - 80px);overflow:auto}}.over-title{font:900 clamp(64px,11vw,120px)/1 var(--head);color:var(--gold);text-shadow:0 4px 0 #3a2a10,0 0 30px rgba(232,178,58,.5);animation:koIn .5s cubic-bezier(.2,1.5,.4,1)}.over-title.lose{color:var(--chaos);text-shadow:0 4px 0 #3a100c,0 0 30px rgba(200,55,45,.5)}@keyframes koIn{0%{transform:scale(1.8);opacity:0}}.over-sub{font:600 18px var(--body);letter-spacing:.15em;color:var(--parch-dim);margin:6px 0 16px;text-transform:uppercase}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.stat{background:var(--panel);border:1px solid var(--edge);clip-path:var(--cut);padding:8px 12px}.stat .k{font:600 13px var(--body);letter-spacing:.15em;color:#a99c7e;text-transform:uppercase}.stat .v{font:700 28px var(--body);color:#fff6dc}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;display:none}#hud.on{display:block}.topbar{position:absolute;left:0;right:0;top:0;height:0}.res{position:absolute;left:16px;top:14px;display:flex;align-items:center;gap:10px;padding:7px 16px;background:var(--panel);border:1px solid var(--edge);clip-path:var(--cut);font:700 26px var(--body);color:var(--gold-hi)}.res .coin{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0,var(--gold) 55%,#9c6a16);box-shadow:0 0 8px #e8b23a99}.res .pop{font-size:16px;color:var(--parch-dim);letter-spacing:.1em;margin-left:8px}.res .pop b{color:#fff6dc;font-size:20px}.res .spd{font-size:18px;color:#fff;background:var(--chaos);padding:0 8px;border-radius:4px}.res .spd:empty{display:none}.sbar{position:absolute;top:64px;width:min(260px,26vw)}.sbar.left{left:16px}.sbar.right{right:16px;text-align:right}.sbar .lbl{font:700 13px var(--head);letter-spacing:.12em;color:var(--parch);text-shadow:0 1px 2px #000;margin-bottom:3px}.sbar .bar{height:10px;background:#140f09b3;border:1px solid var(--edge)}.sbar .bar i{display:block;height:100%;transition:width .2s}.sbar.left .bar i{background:linear-gradient(90deg,#1d4a96,var(--order))}.sbar.right .bar i{background:linear-gradient(90deg,var(--chaos),#e86a50);margin-left:auto}.bottombar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:18px;padding:10px 14px 12px;background:linear-gradient(0deg,rgba(20,15,9,.85),transparent);pointer-events:none;flex-wrap:wrap}.cards{display:flex;gap:6px;align-items:center;pointer-events:auto}.cg{display:none}body.pad .cg{display:inline-flex}.ucard{position:relative;width:clamp(74px,8vw,96px);padding:6px 6px 8px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#f4ead2,#dccfae);color:var(--ink);clip-path:var(--cut);border:0;transition:transform .1s,filter .15s}.ucard:hover{transform:translateY(-3px)}.ucard.sel{outline:none;box-shadow:inset 0 0 0 3px var(--gold);transform:translateY(-5px)}.ucard.poor{filter:grayscale(.7) brightness(.75)}.ucard .uic{width:46px;height:54px}.ucard .uic svg{width:100%;height:100%}.ucard .nm{font:700 14px var(--body);letter-spacing:.03em}.ucard .cost{font:700 15px var(--body);color:#8a5a00}.ucard .cost:before{content:"● ";color:var(--gold)}.ucard .hk{position:absolute;left:6px;top:4px;font:700 13px var(--body);color:#6b5a3a}.ucard .padhk{position:absolute;left:4px;top:3px;display:none}body.pad .ucard .hk{display:none}body.pad .ucard.sel .padhk{display:block}.ucard .q{position:absolute;right:6px;top:4px;font:700 14px var(--body);color:var(--order)}.ucard .prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:#00000026}.ucard .prog i{display:block;height:100%;background:var(--order)}.cmds{display:flex;gap:6px;pointer-events:auto}.cmd{display:flex;flex-direction:column;align-items:center;gap:2px;width:clamp(78px,7.5vw,96px);padding:8px 6px;background:var(--panel);border:1px solid var(--edge);clip-path:var(--cut);font:700 14px var(--head);letter-spacing:.06em;color:var(--parch-dim)}.cmd svg{width:26px;height:26px;color:var(--parch-dim)}.cmd.on{background:linear-gradient(#2f6fd6,#1d4a96);color:#fff;border-color:#9cc2ff}.cmd.on svg{color:#fff}#banner{position:fixed;left:0;right:0;top:26%;text-align:center;pointer-events:none;z-index:15;opacity:0}#banner.on{animation:ban 2.2s forwards}#banner .t{font:900 clamp(44px,8vw,92px)/1 var(--head);color:var(--gold);text-shadow:0 4px 0 #3a2a10,0 0 30px rgba(0,0,0,.5)}#banner .s{font:600 clamp(15px,2vw,21px) var(--body);letter-spacing:.3em;color:var(--parch);margin-top:8px;text-shadow:0 2px 4px #000}@keyframes ban{0%{opacity:0;transform:scale(1.3)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#toasts{position:fixed;left:50%;bottom:150px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:40;pointer-events:none}.toast{padding:8px 18px;background:var(--panel);border:1px solid var(--edge);clip-path:var(--cut);font:700 18px var(--body);letter-spacing:.05em;animation:tIn .2s ease-out,tOut .4s 2.1s forwards}@keyframes tIn{0%{transform:translateY(10px);opacity:0}}@keyframes tOut{to{opacity:0}}
