:root{--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--ui-display:"Cinzel", "Trajan Pro", "Palatino Linotype", "Book Antiqua", Palatino, "Noto Serif", Georgia, "Times New Roman", serif;--ui-bg:#120e0acc;--ui-bg-strong:#16110cf0;--ui-bg-raised:#ffecc812;--ui-bg-hover:#ffdc9624;--ui-scrim:#0604028c;--ui-border:#e8be6e52;--ui-border-strong:#f4cc7acc;--ui-gold:#f2c86b;--ui-gold-hi:#ffe2a0;--ui-gold-lo:#b9822f;--ui-text:#f7efe1;--ui-text-dim:#cbbfa8;--ui-text-faint:#918672;--ui-good:#94e37f;--ui-bad:#ff7d5e;--ui-info:#86c8ff;--ui-mana:#6fb6ff;--ui-parchment:#efe0bd;--ui-good-god:#bfe3ff;--ui-evil-god:#ff5a3c;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--ui-radius:16px;--ui-radius-m:12px;--ui-radius-s:8px;--ui-shadow:0 12px 32px #00000080, 0 2px 8px #00000059;--ui-glow:0 0 0 1px #ffd68240, 0 0 18px #ffc45a33;--ui-blur:blur(14px) saturate(1.25);--ui-tap:44px;--ui-ease:cubic-bezier(.2, .8, .2, 1);--ui-fast:.14s;--ui-med:.22s}.ui-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);color:var(--ui-text);font:15px/1.45 var(--ui-font)}.ui-card.ui-glass{-webkit-backdrop-filter:var(--ui-blur);background:#120e0aad}.ui-card.strong{background:var(--ui-bg-strong)}.ui-title{font-family:var(--ui-display);color:var(--ui-gold);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #0009;margin:0;font-weight:700}.ui-dim{color:var(--ui-text-dim)}.ui-faint{color:var(--ui-text-faint)}.ui-btn{min-height:var(--ui-tap);min-width:var(--ui-tap);border-radius:var(--ui-radius-m);border:1px solid var(--ui-border);background:var(--ui-bg-raised);color:var(--ui-text);font:600 15px/1.2 var(--ui-font);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;transition:background var(--ui-fast) var(--ui-ease), border-color var(--ui-fast) var(--ui-ease), transform var(--ui-fast) var(--ui-ease);justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.ui-btn:hover{background:var(--ui-bg-hover);border-color:var(--ui-border-strong)}.ui-btn:active{transform:scale(.97)}.ui-btn:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:2px}.ui-btn:disabled{opacity:.4;cursor:default;transform:none}.ui-btn.primary{color:#2a1606;box-shadow:var(--ui-glow);background:linear-gradient(#ffdc8e,#d99a3c);border-color:#7a4c12}.ui-btn.primary:hover{background:linear-gradient(#ffe7ad,#e7aa4c)}.ui-btn.danger{color:#ffd2c4;border-color:#ff7d5e99}.ui-btn.icon{width:var(--ui-tap);padding:0;font-size:20px}.ui-chip{background:var(--ui-bg-raised);border:1px solid var(--ui-border);font:600 13px/1.2 var(--ui-font);color:var(--ui-text);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.ui-bar{background:#ffffff1a;border-radius:999px;height:8px;position:relative;overflow:hidden}.ui-bar>i{border-radius:inherit;background:linear-gradient(90deg, var(--ui-gold-lo), var(--ui-gold-hi));width:0;transition:width var(--ui-med) var(--ui-ease);position:absolute;inset:0 auto 0 0}.ui-bar.good>i{background:linear-gradient(90deg, #4fae45, var(--ui-good))}.ui-bar.bad>i{background:linear-gradient(90deg, #c2402a, var(--ui-bad))}.ui-bar.mana>i{background:linear-gradient(90deg, #2d6fd0, var(--ui-mana))}.ui-stats{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:6px 18px;display:grid}.ui-stats>:nth-child(odd){color:var(--ui-text-dim)}.ui-stats>:nth-child(2n){color:var(--ui-text);text-align:right;font-weight:700}.ui-scrim{background:var(--ui-scrim);position:fixed;inset:0}@keyframes ui-pop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}@keyframes ui-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.ui-pop{animation:ui-pop var(--ui-med) var(--ui-ease) both}.ui-rise{animation:ui-rise var(--ui-med) var(--ui-ease) both}.ui-fade{animation:ui-fade var(--ui-med) var(--ui-ease) both}@media (prefers-reduced-motion:reduce){.ui-pop,.ui-rise,.ui-fade{animation:none}.ui-btn{transition:none}}.hidden{display:none!important}.emblem{line-height:0;display:inline-block}.emblem svg{width:100%;height:100%}#menu{z-index:16;padding:max(12px, var(--safe-t)) max(12px, var(--safe-r)) max(12px, var(--safe-b)) max(12px, var(--safe-l));color:var(--ui-text);font:15px/1.45 var(--ui-font);cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#menu button,#menu input,#menu label{cursor:inherit}#menu[data-backdrop=game]{-webkit-backdrop-filter:blur(6px)saturate(.9);backdrop-filter:blur(6px)saturate(.9);animation:ui-fade var(--ui-med) var(--ui-ease) both;background:radial-gradient(130% 100% at 50% 40%,#0e09045c,#060402cc)}#menu[data-backdrop=none]{pointer-events:none;padding:0}.ic{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}:is(#menu,#loading) .ui-btn{text-align:left;-webkit-tap-highlight-color:transparent}:is(#menu,#loading) .ui-btn:active{border-color:var(--ui-border-strong);background:#ffdc9633}:is(#menu,#loading) .ui-btn.primary:active{background:linear-gradient(#ffe7ad,#e7aa4c);border-color:#7a4c12}.ui-btn>.ic{width:20px;height:20px}.ui-btn>.ic.trail{opacity:.55;width:18px;height:18px;margin-left:auto}.btn-label{min-width:0}.btn-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.btn-text>small{font:500 12.5px/1.25 var(--ui-font);color:var(--ui-text-dim);opacity:1;margin-top:2px;display:block}.ui-btn.primary .btn-text>small{color:#2a1606c7}.ui-btn.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16100aa8;border-color:#f4cc7a4d}.ui-btn.glass:hover{border-color:var(--ui-border-strong);background:#342514cc}:is(#menu,#loading) .ui-btn.glass:active{background:#46321ad9}.ui-btn.ghost{background:0 0;border-color:#0000}.ui-btn.ghost:hover{background:var(--ui-bg-hover);border-color:#0000}.ui-btn.danger{background:#7820104d}.ui-btn.danger>.ic{color:var(--ui-bad)}.ui-btn.danger.solid{color:#fff4ee;background:linear-gradient(#e2593d,#a8321e);border-color:#5e170a}.ui-btn.danger.solid>.ic{color:inherit}:is(#menu,#loading) .ui-btn.danger:active{background:#a0301880}:is(#menu,#loading) .ui-btn.danger.solid:active{background:linear-gradient(#ee6c50,#b93c25)}.ui-btn.icon>.ic{width:22px;height:22px}.ui-chip .ic{width:15px;height:15px}.ui-chip.good{color:var(--ui-good);border-color:#94e37f66}.ui-chip.new{color:var(--ui-gold-hi);border-color:#f2c86b73}.scr-card{width:min(100%, var(--w,520px));border-color:#f4cc7a57;flex-direction:column;max-height:100%;display:flex;overflow:hidden}.scr-head{border-bottom:1px solid #e8be6e24;align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.scr-head>.ui-btn.icon:first-child{margin-left:-6px}.scr-icon{width:26px;height:26px;color:var(--ui-gold);margin-left:2px}.scr-titles{flex:1;min-width:0}.scr-titles .ui-title{font-size:clamp(21px,5.6vw,26px);line-height:1.15}.scr-sub{color:var(--ui-text-dim);margin:2px 0 0;font-size:13.5px;line-height:1.35}.scr-sub.dim{color:var(--ui-text-faint)}.scr-body{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#f2c86b59 transparent;flex:auto;min-height:0;padding:14px 14px 16px;overflow-y:auto}.scr-foot{border-top:1px solid #e8be6e24;padding:10px 14px 14px;display:flex}.scr-foot .ui-btn{flex:1;justify-content:center;min-height:50px;font-size:16px}.set-card{--w:580px}.set-section{break-inside:avoid}.set-section+.set-section{margin-top:16px}.set-section>h3{font:700 11.5px/1.2 var(--ui-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-gold);margin:0 0 6px 4px}.set-group{border-radius:var(--ui-radius-m);background:#ffecc80b;border:1px solid #e8be6e29}.set-row{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:56px;padding:8px 12px;display:flex}.set-row+.set-row{border-top:1px solid #e8be6e1a}.set-row>.ic{width:22px;height:22px;color:var(--ui-gold)}.set-label{flex-direction:column;flex:60px;min-width:0;display:flex}.set-label>span{font-size:15.5px;font-weight:600}.set-label>small{color:var(--ui-text-dim);font-size:12.5px;line-height:1.3}.set-row>.seg{flex:270px}.set-row>.range{flex:160px;min-width:0}.set-row>.ui-btn.wide{flex:1;justify-content:center}.seg{--i:0;--n:3;isolation:isolate;background:#00000061;border:1px solid #e8be6e38;border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:3px;display:grid;position:relative}.seg:before{content:"";z-index:-1;top:3px;bottom:3px;left:calc(3px + (100% - 6px) / var(--n) * var(--i));width:calc((100% - 6px) / var(--n));transition:left var(--ui-med) var(--ui-ease);background:linear-gradient(#ffdc8e,#d99a3c);border-radius:9px;position:absolute;box-shadow:0 2px 8px #00000073,inset 0 1px #ffffff73}.seg.none:before{opacity:0}.seg>button{all:unset;box-sizing:border-box;font:600 clamp(13.5px, 3.8vw, 14.5px)/40px var(--ui-font);color:var(--ui-text-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:inherit;transition:color var(--ui-fast) var(--ui-ease);border-radius:9px;padding:0 6px;display:block;overflow:hidden}.seg>button:hover{color:var(--ui-text)}.seg>button[aria-checked=true]{color:#2a1606}.seg>button:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:-1px}button.switch{all:unset;box-sizing:border-box;width:52px;height:32px;cursor:inherit;transition:background var(--ui-fast) var(--ui-ease), border-color var(--ui-fast) var(--ui-ease);background:#ffffff24;border:1px solid #e8be6e4d;border-radius:999px;flex:none;position:relative}button.switch:after{content:"";width:24px;height:24px;transition:transform var(--ui-med) var(--ui-ease), background var(--ui-fast);background:#e9dcc5;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000008c}button.switch[aria-checked=true]{background:linear-gradient(#ffd27a,#c98a2e);border-color:#7a4c12}button.switch[aria-checked=true]:after{background:#fffaf0;transform:translate(20px)}button.switch:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:2px}.range{align-items:center;gap:12px;display:flex}.range input{--v:50%;appearance:none;width:0;min-width:0;height:44px;cursor:inherit;background:0 0;flex:1;margin:0}.range input:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:2px;border-radius:8px}.range input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ui-gold-lo), var(--ui-gold-hi)) 0 0 / var(--v) 100% no-repeat, #ffffff24;border-radius:999px;height:8px}.range input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff6e2;border:2px solid #c98a2e;border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 2px 8px #0000008c}.range input::-moz-range-track{background:#ffffff24;border-radius:999px;height:8px}.range input::-moz-range-progress{background:linear-gradient(90deg, var(--ui-gold-lo), var(--ui-gold-hi));border-radius:999px;height:8px}.range input::-moz-range-thumb{background:#fff6e2;border:2px solid #c98a2e;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #0000008c}.range-val{text-align:right;font-variant-numeric:tabular-nums;min-width:3.4em;color:var(--ui-gold-hi);font-weight:700}.dlg-layer{z-index:5;padding:max(16px, var(--safe-t)) max(16px, var(--safe-r)) max(16px, var(--safe-b)) max(16px, var(--safe-l));pointer-events:auto;background:#0604028c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dlg{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(100%,380px);padding:20px 18px 16px;display:flex}.dlg-icon{width:52px;height:52px;color:var(--ui-gold);background:#f2c86b24;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.dlg.danger .dlg-icon{color:var(--ui-bad);background:#ff7d5e29}.dlg-icon .ic{width:28px;height:28px}.dlg-title{font:700 20px/1.25 var(--ui-font);color:var(--ui-text);margin:0}.dlg-text{color:var(--ui-text-dim);margin:0;font-size:14.5px}.dlg-actions{gap:10px;width:100%;margin-top:10px;display:flex}.dlg-actions .ui-btn{flex:1;justify-content:center;min-height:48px}.copy-box{text-align:left;align-self:stretch}.copy-line{flex-wrap:wrap;gap:8px;display:flex}.copy-input{border:1px solid var(--ui-border);min-width:0;height:44px;color:var(--ui-gold-hi);-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;background:#00000061;border-radius:10px;flex:190px;padding:0 10px;font:600 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.copy-input.edit{width:100%;color:var(--ui-text);font:500 15px/1 var(--ui-font)}.copy-input:focus{outline:2px solid var(--ui-gold-hi);outline-offset:1px}.copy-input::placeholder{color:var(--ui-text-faint)}.copy-btn{flex:1 0 auto;justify-content:center;padding:8px 12px}.copy-btn.done{color:var(--ui-good);border-color:#94e37f99}.copy-hint{color:#ffc2b0;margin:6px 2px 0;font-size:13px;line-height:1.35}.copy-hint:empty{display:none}.dlg-actions.col{flex-direction:column}#help{--w:720px}.help-cols{columns:2 300px;column-gap:12px}.help-sec{break-inside:avoid;border-radius:var(--ui-radius-m);background:#ffecc80b;border:1px solid #e8be6e26;margin:0 0 12px;padding:12px 14px;container-type:inline-size}.help-sec.goal{column-span:all;background:linear-gradient(135deg,#f2c86b29,#f2c86b0d);border-color:#f2c86b66}.help-sec h3{font:700 16px/1.2 var(--ui-font);color:var(--ui-gold-hi);align-items:center;gap:8px;margin:0 0 8px;display:flex}.help-sec h3 .ic{width:22px;height:22px;color:var(--ui-gold)}.help-sec h3 small{font:600 10.5px/1 var(--ui-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-text-faint);border:1px solid #e8be6e38;border-radius:999px;padding:3px 7px}.help-sec p{margin:0;font-size:15px;line-height:1.55}.help-keys{grid-template-columns:fit-content(46%) 1fr;align-items:baseline;gap:7px 12px;margin:0;display:grid}.help-keys>div{display:contents}.help-keys dt{font:600 13.5px/1.3 var(--ui-font);color:var(--ui-gold-hi);background:#00000052;border:1px solid #e8be6e38;border-radius:8px;justify-self:start;padding:3px 8px}.help-keys dd{margin:0;font-size:14.5px;line-height:1.4}@container (width<=440px){.help-keys,.help-keys>div{display:block}.help-keys>div+div{margin-top:9px}.help-keys dt{margin-right:6px;display:inline-block}.help-keys dd{display:inline}}@media (width>=1100px) and (height>=600px){#help{--w:1040px}}#backdrop{z-index:0;background:#07060a;position:fixed;inset:0;overflow:hidden}#backdrop video{object-fit:cover;opacity:0;width:108%;height:108%;transition:opacity .9s;animation:60s ease-in-out infinite alternate bd-drift;position:absolute;inset:-4%}#backdrop video.ready{opacity:1}#backdrop:after{content:"";background:radial-gradient(120% 85% at 50% 38%,#0a07040d,#060402c7),linear-gradient(#06040226,#0604028c);position:absolute;inset:0}@keyframes bd-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-1.5%,1%)}}@media (prefers-reduced-motion:reduce){#backdrop video{animation:none}}.bw-logo{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.bw-logo .emblem{filter:drop-shadow(0 6px 24px #000000b3)drop-shadow(0 0 30px #ffd27840);width:clamp(64px,16vmin,112px);height:clamp(64px,16vmin,112px)}.bw-word{font:700 clamp(30px, 9.2vw, 64px)/1 var(--ui-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.18em;margin:6px 0 0;display:flex}.bw-word .b{color:#0d0b08;-webkit-text-stroke:1.2px #fff0d2e6;text-shadow:0 0 22px #fff0d259}.bw-word .w{color:#fbf6ea;text-shadow:0 2px 10px #000c,0 0 26px #ffffff40}.bw-word .amp{color:var(--ui-gold);text-shadow:0 2px 10px #000c;font-size:1.15em;font-style:italic}.bw-sub{font:600 clamp(11px, 3vw, 13px)/1.2 var(--ui-font);letter-spacing:.32em;text-transform:uppercase;color:#ffeecdd1;text-shadow:0 1px 4px #000000e6;margin:0}.bw-sub b{color:var(--ui-gold-hi)}#splash{z-index:40;padding:max(20px, var(--safe-t)) max(20px, var(--safe-r)) max(20px, var(--safe-b)) max(20px, var(--safe-l));color:var(--ui-text);font:15px/1.45 var(--ui-font);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,6vh,48px);display:flex;position:fixed;inset:0}#splash .tap{font:600 16px/1.2 var(--ui-font);letter-spacing:.04em;background:#120d0899;border:1px solid #f4cc7a66;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;animation:2.4s ease-in-out infinite sp-breathe;display:inline-flex}#splash .tap .ic{color:var(--ui-gold)}#splash .legal{left:0;right:0;bottom:max(10px, var(--safe-b));text-align:center;color:#ffeecd99;margin:0;padding:0 16px;font-size:11.5px;line-height:1.35;position:absolute}@keyframes sp-breathe{0%,to{opacity:.75;transform:scale(.98)}50%{opacity:1;transform:none}}#intro{z-index:45;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#intro video{object-fit:contain;width:100%;height:100%}#intro .skip{right:max(12px, var(--safe-r));bottom:max(12px, var(--safe-b));background:#120d0899;position:absolute}.title-page{flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,5vh,44px);width:100%;height:100%;display:flex;position:relative}.title-nav{flex-direction:column;gap:9px;width:min(100%,380px);display:flex}.title-nav .ui-btn{border-radius:14px;justify-content:flex-start;gap:12px;min-height:54px;padding:8px 14px 8px 16px;font-size:16.5px}.title-nav .ui-btn>.ic:first-child{width:22px;height:22px;color:var(--ui-gold)}.title-nav .ui-btn.primary>.ic{color:#3a1f08}.title-nav .ui-btn.primary{box-shadow:var(--ui-glow), 0 8px 24px #00000073}.title-nav .pair{grid-template-columns:1fr 1fr;gap:9px;display:grid}.title-nav .pair .ui-btn{min-height:48px;padding:6px 12px;font-size:15px}.title-foot{text-align:center;color:#ffeecd9e;text-shadow:0 1px 3px #000000e6;margin:0;padding:0 16px;font-size:11.5px;position:absolute;bottom:0;left:0;right:0}.title-nav .ui-btn.title-notice{background:#3a1e08cc;border-color:#ffb2549e;min-height:48px;padding:6px 12px 6px 14px;font-size:14.5px}.title-nav .ui-btn.title-notice>.ic:first-child{color:#ffc46b}.title-notice .btn-text>small{color:#ffd9a8}@media (orientation:landscape) and (height<=520px){.title-page{flex-direction:row;gap:clamp(20px,6vw,64px)}.title-page .bw-logo .emblem{width:72px;height:72px}.bw-word{font-size:clamp(26px,5.4vw,44px)}.title-nav{gap:7px;width:min(52vw,380px);max-height:100%;overflow-y:auto}.title-nav .ui-btn{min-height:46px;font-size:15px}.title-nav .pair .ui-btn{min-height:44px}.title-foot{display:none}}.list-card{--w:640px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:9px;display:grid}.ui-btn.pick{justify-content:flex-start;gap:12px;min-height:62px;padding:8px 12px 8px 10px}.ui-btn.pick>.ic.trail{color:var(--ui-gold);opacity:.85}.ui-btn.pick.on{border-color:var(--ui-border-strong);background:#f2c86b29;box-shadow:inset 0 0 0 1px #f2c86b66}.pick-num{width:40px;height:40px;color:var(--ui-gold-hi);font:700 16px/1 var(--ui-display);background:#f2c86b21;border:1px solid #f2c86b59;border-radius:11px;flex:none;place-items:center;display:grid}.pick-num .ic{width:22px;height:22px}.pick-head{font:700 11.5px/1.2 var(--ui-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-gold);margin:14px 4px 8px}.pick-head:first-child{margin-top:0}.slot-empty{color:var(--ui-text-faint)}.slot-row{align-items:stretch;gap:8px;display:flex}.slot-row>.ui-btn.pick{flex:1;min-width:0}.slot-row>.ui-btn.icon{flex:none;min-height:62px}.slot-row .btn-label,.slot-row .btn-text>small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.slot-row .btn-text{min-width:0}.pause-card{--w:400px;width:min(100%, var(--w));overscroll-behavior:contain;flex-direction:column;gap:10px;max-height:100%;padding:16px;display:flex;overflow-y:auto}.pause-head{align-items:center;gap:10px;display:flex}.pause-head .emblem{width:34px;height:34px}.pause-head .ui-title{flex:1;font-size:24px}.pause-head small{font:500 13px/1.3 var(--ui-font);color:var(--ui-text-dim);letter-spacing:0;text-transform:none;display:block}.pause-resume{justify-content:center;min-height:54px;font-size:17px}.pause-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.pause-grid .ui-btn{justify-content:flex-start;min-height:48px}.pause-grid .ui-btn>.ic{color:var(--ui-gold)}.pause-grid .ui-btn.danger>.ic{color:var(--ui-bad)}.credits p{margin:0 0 10px;font-size:14.5px;line-height:1.55}.credits h4{font:700 12px/1.2 var(--ui-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-gold);margin:14px 0 4px}#loading{z-index:30;padding:max(20px, var(--safe-t)) max(20px, var(--safe-r)) max(20px, var(--safe-b)) max(20px, var(--safe-l));color:var(--ui-text);font:15px/1.45 var(--ui-font);text-align:center;background:radial-gradient(120% 90% at 50% 42%,#1e130859,#060402f0);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ld-card{flex-direction:column;align-items:center;gap:10px;width:min(100%,440px);display:flex}.ld-card .emblem{filter:drop-shadow(0 0 26px #ffd27840);width:84px;height:84px;margin-bottom:6px;animation:9s linear infinite ld-spin}@keyframes ld-spin{to{transform:rotate(360deg)}}.ld-eyebrow{font:700 12px/1.2 var(--ui-font);letter-spacing:.28em;text-transform:uppercase;color:var(--ui-gold);margin:0}.ld-title{font-size:clamp(24px,7vw,34px);line-height:1.15}.ld-bar{width:min(340px,76vw);height:6px;margin-top:8px;box-shadow:0 0 18px #f2c86b29}.ld-bar>i{transition:width .2s linear}.ld-text{min-height:1.45em;color:var(--ui-text-dim);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.ld-tip{max-width:360px;color:var(--ui-parchment);min-height:3em;margin:18px 0 0;font-size:14px;font-style:italic;line-height:1.5}.ld-tip:before{content:"„";color:var(--ui-gold)}.ld-tip:after{content:"“";color:var(--ui-gold)}#loading.error .ld-card{border-radius:var(--ui-radius);background:var(--ui-bg-strong);box-shadow:var(--ui-shadow);border:1px solid #ff7d5e80;padding:22px 18px 18px}#loading.error .emblem{filter:grayscale()opacity(.6);width:56px;height:56px;animation:none}#loading.error .ld-bar,#loading.error .ld-tip{display:none}#loading.error .ld-eyebrow{color:var(--ui-bad)}#loading.error .ld-text{color:#ffd2c4;text-align:left;white-space:pre-wrap;-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;width:100%;max-height:36vh;padding:10px 12px;font:12.5px/1.45 ui-monospace,Menlo,Consolas,monospace;overflow:auto}.ld-actions{gap:10px;margin-top:8px;display:flex}.ld-actions .ui-btn{justify-content:center;min-height:48px}.set-row>.range.full{flex-basis:100%}#loading.error .ld-title{font:700 20px/1.3 var(--ui-font);letter-spacing:0;text-transform:none;color:var(--ui-text)}.pause-speed{align-items:center;gap:12px;display:flex}.pause-speed-l{color:var(--ui-text-dim);font:600 14px/1.2 var(--ui-font);flex:none;align-items:center;gap:8px;display:inline-flex}.pause-speed-l .ic{color:var(--ui-gold)}.pause-speed .seg{flex:1}#hud{--row:34px;--slot:46px;--edge:8px;--gap:6px;--bar-pad:4px;--bar-h:calc(var(--slot) + 2 * var(--bar-pad) + 2px);--chip:#0f0b08bd;--surface:#110d09e0;z-index:10;pointer-events:none;font:15px/1.4 var(--ui-font);color:var(--ui-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}@media (width>=1100px) and (height>=700px){#hud{--row:38px;--slot:54px;--edge:12px;--gap:8px}}#hud button{font-family:var(--ui-font);-webkit-tap-highlight-color:transparent}#hud .ic{width:20px;height:20px}#hud:before{content:"";height:calc(var(--safe-t) + var(--edge) + var(--row) + 18px);background:linear-gradient(#0806045c,#0806041a 60%,#08060400);position:absolute;inset:0 0 auto}.hud-top{top:calc(var(--safe-t) + var(--edge));left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge));height:var(--row);align-items:center;gap:var(--gap);display:flex;position:absolute}.hud-round,.hud-pill{pointer-events:auto;height:var(--row);background:var(--chip);border:1px solid var(--ui-border);color:var(--ui-text);font:700 14px/1 var(--ui-font);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;display:inline-flex;position:relative;box-shadow:0 2px 6px #0000004d}.hud-round{width:var(--row);color:var(--ui-gold-hi);cursor:pointer;justify-content:center;padding:0}.hud-round:before{content:"";position:absolute;inset:-6px}@media (hover:hover){.hud-round:hover{border-color:var(--ui-border-strong);background:#281e12eb}}.hud-round:active{transform:scale(.94)}.hud-pill{padding:0 11px 0 8px}.hud-pill .ic{width:18px;height:18px;color:var(--ui-gold)}.hud-mana .ic{color:#9fd0ff}.hud-mana .v{color:#dcefff;min-width:2.6em}.hud-mana .b{background:#ffffff1f;border-radius:2px;height:2px;position:absolute;bottom:3px;left:10px;right:10px;overflow:hidden}.hud-mana .b>i{width:0;height:100%;transition:width .3s var(--ui-ease);background:linear-gradient(90deg,#2d6fd0,#9fd0ff);display:block}.hud-mana.gain{animation:hud-gain .7s var(--ui-ease)}.hud-mana.spent{animation:hud-spent .7s var(--ui-ease)}@keyframes hud-gain{30%{border-color:#9fd0ff;box-shadow:0 0 14px #6fb6ff99}}@keyframes hud-spent{30%{border-color:var(--ui-gold);box-shadow:0 0 14px #f2c86b99}}.hud-orb{width:var(--row);cursor:default;justify-content:center;padding:0;overflow:hidden}.hud-orb i{width:calc(var(--row) - 8px);height:calc(var(--row) - 8px);background:radial-gradient(circle at 35% 30%, #ffffffd9, #fff0 45%), radial-gradient(circle at 50% 55%, var(--orb-c,#8d8576), #1a1410 85%);box-shadow:0 0 0 1px #00000080, 0 0 10px var(--orb-glow,#ffffff1a);border-radius:50%;transition:background .9s,box-shadow .9s;animation:4s ease-in-out infinite hud-breathe;position:relative;overflow:hidden}.hud-orb i:after{content:"";mix-blend-mode:soft-light;animation:hud-spin var(--orb-spin,8s) linear infinite;background:conic-gradient(#fff0 0deg,#ffffff59 50deg,#fff0 120deg,#00000059 200deg,#0000 280deg);border-radius:50%;position:absolute;inset:-20%}.hud-orb.evil i:after{background:conic-gradient(#ff5a2800 0deg,#ff783c80 60deg,#0000 140deg,#00000080 220deg,#0000 300deg)}.hud-orb.shift{animation:hud-shift .8s var(--ui-ease)}@keyframes hud-spin{to{transform:rotate(360deg)}}@keyframes hud-breathe{50%{box-shadow:0 0 0 1px #00000080, 0 0 16px var(--orb-glow,#ffffff1a)}}@keyframes hud-shift{35%{border-color:var(--ui-border-strong);transform:scale(1.18)}}.hud-space{flex:1 1 0;min-width:0}.hud-land{flex:0 auto;min-width:0;overflow:hidden}.hud-land .t{flex:none}.hud-land .n{text-overflow:ellipsis;min-width:0;color:var(--ui-text-dim);font-weight:600;overflow:hidden}.hud-land .sep{color:var(--ui-text-faint);font-weight:400}.hud-land .spd{background:var(--ui-gold);color:#2a1606;border-radius:6px;padding:2px 5px;font-size:11px}@media (width<=360px){.hud-land .n,.hud-land .sep{display:none}}.hud-upper{top:calc(var(--safe-t) + var(--edge) + var(--row) + var(--gap));left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge));align-items:center;gap:var(--gap);flex-direction:column;display:flex;position:absolute}.hud-msg{pointer-events:auto;background:var(--surface);max-width:min(100%,520px);box-shadow:var(--ui-shadow);animation:ui-pop var(--ui-med) var(--ui-ease) both;border:1px solid #f2c86b80;border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.hud-msg>.ic{width:22px;height:22px;color:var(--ui-gold);flex:none}.hud-msg .tx{flex:1;min-width:0;font-size:14px;line-height:1.35}.hud-msg .tx b{color:var(--ui-gold-hi);font-size:14.5px;display:block}.hud-msg .ui-btn{min-height:36px;padding:6px 12px;font-size:14px}.hud-msg .x{width:36px;min-width:0;height:36px;min-height:0;color:var(--ui-text-dim);background:0 0;border:0;flex:none;padding:0}.hud-toast{pointer-events:none;text-wrap:balance;background:var(--chip);border:1px solid var(--ui-border);max-width:min(100%,460px);font:600 13.5px/1.3 var(--ui-font);animation:ui-pop var(--ui-med) var(--ui-ease) both;border-radius:18px;align-items:center;gap:8px;padding:6px 14px;display:flex;box-shadow:0 2px 8px #00000059}.hud-toast img{filter:drop-shadow(0 0 6px #ffdc8ccc);width:28px;height:28px;margin:-3px 0 -3px -6px}.hud-toast .ic{width:18px;height:18px;color:var(--ui-gold);flex:none}.hud-toast.good{color:#d9f7cf;border-color:#94e37f8c}.hud-toast.bad{color:#ffd2c4;border-color:#ff7d5e99}.hud-sub{left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + var(--edge) + var(--bar-h) + 10px);pointer-events:none;justify-content:center;display:flex;position:absolute}.hud-sub>div{text-align:center;max-width:min(100%,640px);font:500 15.5px/1.4 var(--ui-font);color:#fbf3e0;text-shadow:0 1px 2px #000c;text-wrap:balance;background:linear-gradient(#2c2112cc,#161009d1);border:1px solid #efe0bd38;border-radius:12px;padding:7px 14px 8px;animation:.18s both ui-fade;box-shadow:0 4px 14px #0006}.hud-sub b{font:700 11.5px/1.3 var(--ui-font);letter-spacing:.16em;text-transform:uppercase;color:var(--ui-gold);margin-bottom:1px;display:block}.hud-sub b.good{color:#cfeaff}.hud-sub b.evil{color:#ff7a5c}@media (width>=1100px){.hud-sub>div{font-size:17px}}.hud-bottom{pointer-events:auto;left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge));bottom:calc(var(--safe-b) + var(--edge));height:var(--bar-h);align-items:center;gap:var(--gap);max-width:760px;padding:var(--bar-pad);border-radius:calc(var(--slot) / 2 + var(--bar-pad));background:var(--surface);box-sizing:border-box;border:1px solid #e8be6e4d;margin:0 auto;display:flex;position:absolute;box-shadow:0 8px 22px #00000073,inset 0 1px #ffe8b014}.hud-btn{width:var(--slot);height:var(--slot);border:1px solid var(--ui-border);color:var(--ui-gold-hi);cursor:pointer;transition:background var(--ui-fast), border-color var(--ui-fast), transform var(--ui-fast);background:#ffecc80f;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.hud-btn .ic{width:22px;height:22px}@media (hover:hover){.hud-btn:hover{background:var(--ui-bg-hover);border-color:var(--ui-border-strong)}}.hud-btn:active{transform:scale(.94)}.hud-btn:disabled{opacity:.35;cursor:default}.hud-creature{border:2px solid var(--ui-gold);background:radial-gradient(circle at 35% 30%,#5b4320,#22180c);overflow:hidden;box-shadow:0 0 0 1px #00000080,0 0 12px #f2c86b40}.hud-creature img{object-fit:cover;width:100%;height:100%}.hud-creature.none{border-color:var(--ui-border);box-shadow:none;opacity:.6}.hud-ctx{width:auto;min-width:var(--slot);font:700 13.5px/1 var(--ui-font);color:#2a1606;background:linear-gradient(#ffdc8e,#d99a3c);border-color:#7a4c12;border-radius:999px;grid-auto-flow:column;gap:6px;padding:0 12px}.hud-ctx .ic{width:18px;height:18px}.hud-tray{scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;flex:1 1 0;align-items:center;gap:5px;min-width:0;height:100%;padding:0 2px;display:flex;overflow:auto hidden}.hud-tray::-webkit-scrollbar{display:none}.hud-slot{scroll-snap-align:start;width:var(--slot);height:var(--slot);color:var(--ui-gold-hi);cursor:pointer;background:radial-gradient(circle at 50% 35%,#ffecc81f,#00000040);border:1px solid #e8be6e4d;border-radius:14px;flex:none;place-items:center;padding:0;display:grid;position:relative}.hud-slot img{object-fit:contain;width:78%;height:78%}.hud-slot .c{font:700 10px/1.2 var(--ui-font);color:#cfe6ff;background:#0009;border-radius:6px;padding:1px 4px;position:absolute;bottom:2px;right:2px}.hud-slot.off{opacity:.4;filter:grayscale(.8)}.hud-slot.on{border-color:var(--ui-gold-hi);box-shadow:0 0 0 1px var(--ui-gold), 0 0 14px #f2c86b73}.hud-slot.empty{color:var(--ui-text-faint);cursor:default;background:0 0;border-style:dashed}.hud-slot.empty .ic{opacity:.4}.hud-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud-creature:after{content:"";background:conic-gradient(var(--ui-good) var(--hp,0deg), #ffffff1f 0);pointer-events:none;border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}.hud-creature.none:after{display:none}.hud-creature.hurt:after{background:conic-gradient(var(--ui-bad) var(--hp,0deg), #ffffff1f 0);animation:1.2s ease-in-out infinite hud-hurt}.hud-creature{overflow:visible}.hud-creature img{border-radius:50%}@keyframes hud-hurt{50%{opacity:.45}}.hud-quill{touch-action:none}.hud-quill.on{border-color:var(--ui-gold-hi);color:#fff6dc;background:radial-gradient(circle at 50% 40%,#ffecbe80,#f2c86b26);animation:1.4s ease-in-out infinite hud-quill;box-shadow:0 0 16px #ffd682b3}@keyframes hud-quill{50%{box-shadow:0 0 6px #ffd68266}}.hud-held{flex:1 1 0;align-items:center;gap:6px;min-width:0;height:100%;padding:0 2px;display:flex}.hud-held.in{animation:ui-pop var(--ui-med) var(--ui-ease) both}.hud-held .g{--k:var(--ui-gold);width:var(--slot);height:var(--slot);border:1px solid var(--k);box-shadow:0 0 12px color-mix(in srgb, var(--k) 45%, transparent);background:radial-gradient(circle at 50% 40%,#ffecc82e,#0000004d);border-radius:14px;flex:none;place-items:center;display:grid}.hud-held .g img{width:80%;height:80%}.hud-held .tx{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.hud-held .tx b{color:var(--ui-gold-hi);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.hud-held .tx .lv{color:var(--ui-gold);letter-spacing:-.05em}.hud-held .tx small{color:var(--ui-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.hud-mini{border:1px solid var(--ui-border);width:40px;height:40px;color:var(--ui-gold-hi);cursor:pointer;background:#ffecc80f;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.hud-mini:before{content:"";position:absolute;inset:-3px}.hud-mini:disabled{opacity:.35;cursor:default}.hud-mini:active{transform:scale(.94)}.hud-mini .ic{width:19px;height:19px}.hud-slot img{pointer-events:none}.hud-slot{transition:transform var(--ui-fast), opacity var(--ui-med), filter var(--ui-med)}.hud-slot:active{transform:scale(.93)}@media (hover:hover){.hud-slot:not(.empty):hover{border-color:var(--ui-border-strong);background:radial-gradient(circle at 50% 35%,#ffecc833,#0003)}}.hud-drop{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.hud-drop .ring{border:2px solid #ffe6a0f2;border-radius:50%;width:52px;height:24px;animation:1.1s ease-in-out infinite hud-ring;position:absolute;top:-12px;left:-26px;box-shadow:0 0 14px 3px #ffd6828c,inset 0 0 10px #ffd68280}.hud-drop .lbl{background:var(--surface);border:1px solid var(--ui-border-strong);color:var(--ui-gold-hi);font:700 13px/1.2 var(--ui-font);white-space:nowrap;animation:ui-pop var(--ui-fast) var(--ui-ease) both;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 7px;display:flex;position:absolute;bottom:18px;left:0;transform:translate(-50%);box-shadow:0 4px 12px #00000073}.hud-drop .lbl .ic{width:16px;height:16px}.hud-drop.none .ring{display:none}.hud-drop.none .lbl{color:var(--ui-text-dim);border-color:var(--ui-border);font-weight:600}@keyframes hud-ring{50%{opacity:.7;transform:scale(1.15)}}body.bw-cutscene #hud>:not(.hud-sub){opacity:0;visibility:hidden;pointer-events:none!important}body.bw-cutscene #hud:before{opacity:0}#hud>.hud-top,#hud>.hud-bottom,#hud:before{transition:opacity .4s,visibility}body.bw-cutscene .hud-sub{bottom:calc(var(--safe-b) + max(9vh, 44px) + 10px)}@media (orientation:portrait){.hud-sub{bottom:calc(var(--safe-b) + var(--edge) + var(--bar-h) + 16px)}}@media (height<=430px) and (orientation:landscape){#hud{--row:32px;--slot:44px;--edge:6px}.hud-sub>div{padding:5px 12px 6px;font-size:14.5px}.hud-msg .tx{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.hud-orb i,.hud-orb i:after,.hud-quill.on,.hud-drop .ring,.hud-creature.hurt:after{animation:none}}@media (width>=1100px) and (height>=700px){.hud-bottom{max-width:980px}}.hud-tray{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.bubble{--tip:50%;--line:#f4cc7a99;z-index:3;pointer-events:auto;min-width:150px;max-width:260px;color:var(--ui-text);font:12.5px/1.3 var(--ui-font);will-change:transform;position:absolute;top:0;left:0}.bubble .bb-card{border:1px solid var(--line);transform-origin:var(--tip) calc(100% + 8px);background:linear-gradient(#3e2b13eb,#19120ae6);border-radius:12px;flex-direction:column;gap:3px;padding:5px 5px 7px 9px;display:flex;position:relative;box-shadow:0 6px 18px #00000073,inset 0 1px #ffe8b029}.bubble .bb-card.pop{animation:bb-pop .19s var(--ui-ease) both}@keyframes bb-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}.bubble .bb-tip{left:var(--tip);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#19120a;width:9px;height:9px;margin-left:-5px;position:absolute;bottom:-5px;transform:rotate(45deg)}.bubble .bb-head{align-items:center;gap:6px;min-height:28px;display:flex}.bubble .bb-ic{width:18px;height:18px;color:var(--ui-gold)}.bubble .bb-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ui-gold-hi);flex:1;font-size:13.5px;overflow:hidden}.bubble .bb-x{width:28px;height:28px;color:var(--ui-text-dim);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.bubble .bb-x:before{content:"";position:absolute;inset:-8px}.bubble .bb-x .ic{width:16px;height:16px}.bubble .bb-line{color:var(--ui-text-dim);margin:0;padding-right:6px}.bubble .bb-bar{color:var(--ui-text-dim);grid-template-columns:auto 1fr;align-items:center;gap:8px;padding-right:6px;font-size:11.5px;display:grid}.bubble .ui-bar{height:5px}.bb-beam{pointer-events:none;background:linear-gradient(#ffecbee6,#ffdc8c40);border-radius:2px;width:2px;position:absolute;top:0;left:0;box-shadow:0 0 8px 2px #ffd68259}.bubble .bb-chips{flex-wrap:wrap;align-items:center;gap:4px;padding:2px 6px 0 0;display:flex}.bubble .bb-chips-l{color:var(--ui-text-dim);margin-right:2px;font-size:11.5px}.bubble .bb-chip{width:24px;height:24px;color:var(--ui-gold-hi);background:#ffecc81a;border:1px solid #f4cc7a66;border-radius:50%;place-items:center;display:grid}.bubble .bb-chip .ic{width:15px;height:15px}.bubble .bb-chip.hot{border-color:var(--ui-bad);color:#ffd2c4;box-shadow:0 0 8px #ff7d5e73}.bubble.thought{--line:#785a28b3}.bubble.thought .bb-card{color:#2b2112;background:linear-gradient(#fbf3dff7,#ecdebdf5)}.bubble.thought .bb-title{color:#5a3b0e}.bubble.thought .bb-ic{color:#8a5a1c}.bubble.thought .bb-line{color:#3d2f18}.bubble.thought .bb-line:first-of-type{font:italic 600 13.5px/1.3 var(--ui-display);color:#2b2112}.bubble.thought .bb-bar{color:#5a4526}.bubble.thought .ui-bar{background:#3c280a26}.bubble.thought .bb-x{color:#6b5634}.bubble.thought .bb-tip{background:#ecdebd}@media (prefers-reduced-motion:reduce){.bubble .bb-card.pop{animation:none}}