*{box-sizing:border-box}:root{--bg: #11151c;--bg-grad-top: #1a2230;--surface: #1d2530;--surface-top: #252e3b;--frame: #3a4658;--frame-glow: rgba(184,204,232,.15);--border: #34404f;--border-dark: #11151c;--input-bg: #0d1117;--text: #e6ecf5;--text-muted: #aab6c8;--text-dim: #7e8ca0;--text-faint: #5c6878;--title-bg-top: #2a3346;--title-bg: #1d2530;--title-text: #e6ecf5;--title-cap: #46566e;--slot-bg: #28323f;--item-name: #ff9c00;--gold-fg: #f5c947;--warning-fg: #d9b46a;--grain-opacity: .06;--tap-flash: rgba(184,204,232,.22);color-scheme:dark}[data-theme=light]{--bg: #c8d2e0;--bg-grad-top: #dbe3ee;--surface: #e8edf3;--surface-top: #f4f7fb;--frame: #aab8cc;--frame-glow: rgba(255,255,255,.8);--border: #b3c0d2;--border-dark: #9aa8bd;--input-bg: #ffffff;--text: #1c2433;--text-muted: #45506a;--text-dim: #56607a;--text-faint: #6e7689;--title-bg-top: #c4d0e0;--title-bg: #aab8cc;--title-text: #1c2433;--title-cap: #d6e0ee;--slot-bg: #3a4a5e;--item-name: #c65d00;--gold-fg: #876300;--warning-fg: #7a5e12;--grain-opacity: .04;--tap-flash: rgba(80,110,160,.22);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: #c8d2e0;--bg-grad-top: #dbe3ee;--surface: #e8edf3;--surface-top: #f4f7fb;--frame: #aab8cc;--frame-glow: rgba(255,255,255,.8);--border: #b3c0d2;--border-dark: #9aa8bd;--input-bg: #ffffff;--text: #1c2433;--text-muted: #45506a;--text-dim: #56607a;--text-faint: #6e7689;--title-bg-top: #c4d0e0;--title-bg: #aab8cc;--title-text: #1c2433;--title-cap: #d6e0ee;--slot-bg: #3a4a5e;--item-name: #c65d00;--gold-fg: #876300;--warning-fg: #7a5e12;--grain-opacity: .04;--tap-flash: rgba(80,110,160,.22);color-scheme:light}}html{-webkit-tap-highlight-color:var(--tap-flash)}html,body{margin:0;padding:0;background:radial-gradient(ellipse at top,var(--bg-grad-top) 0%,var(--bg) 72%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Inter,system-ui,sans-serif;font-feature-settings:"tnum" 1,"kern" 1;position:relative}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.62  0 0 0 0 0.68  0 0 0 0 0.86  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:var(--grain-opacity);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.ms-pixel{font-family:Pixelify Sans,VT323,monospace;letter-spacing:1px}.ms-mono{font-family:VT323,monospace;letter-spacing:.5px}h1{font-family:Pixelify Sans,Inter,sans-serif;letter-spacing:2px;font-weight:700}h2,h3,h4{font-family:Inter,sans-serif;letter-spacing:.3px}img{image-rendering:pixelated}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg);border:1px solid var(--border-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a851,#8b6e2e);border:1px solid var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f5c947,#b88d3e)}::placeholder{color:var(--text-dim);opacity:1}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,select:focus,button:focus-visible{outline:2px solid #f5c947;outline-offset:1px}button,a,input,select{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,border-color .12s ease}button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(1px);filter:brightness(.94);box-shadow:inset 0 2px 3px #00000080!important}button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}input:focus,select:focus{border-color:#8b6e2e!important;box-shadow:0 0 0 3px #f5c9472e!important}.footer-name:hover,.footer-name:focus-visible{color:var(--gold-fg)}.footer-chip:hover{color:var(--gold-fg);border-color:#8b6e2e;transform:translateY(-1px)}.footer-bmc:hover{color:#2a1f17;border-color:#5a3e10;background:linear-gradient(180deg,#f5c947,#d4a851);transform:translateY(-1px)}.footer-name:focus-visible,.footer-chip:focus-visible,.footer-bmc:focus-visible{outline:2px solid #f5c947;outline-offset:2px;border-radius:5px}.page-wrap{padding-left:clamp(12px,4vw,24px);padding-right:clamp(12px,4vw,24px)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.app-root{padding:12px!important}.app-header h1{font-size:clamp(20px,7vw,30px)!important;letter-spacing:1px!important}.app-header .header-bar{gap:10px!important;padding:8px 12px!important}.editor-grid,div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@keyframes card-reveal{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}.card-reveal{animation:card-reveal .22s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}@keyframes nudge-x{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.flow-nudge{display:inline-flex;align-items:center;gap:6px;color:var(--gold-fg);font-size:12px;font-weight:600}.flow-nudge:after{content:"→";animation:nudge-x 1.1s ease-in-out infinite}@keyframes success-flash{0%{box-shadow:0 0 #f5c94700;filter:brightness(1)}25%{box-shadow:0 0 18px 4px #f5c9478c;filter:brightness(1.18)}to{box-shadow:0 0 #f5c94700;filter:brightness(1)}}.fx-success{animation:success-flash .36s ease-out}@keyframes shake-x{0%,to{transform:translateZ(0)}20%{transform:translate3d(-4px,0,0)}40%{transform:translate3d(4px,0,0)}60%{transform:translate3d(-3px,0,0)}80%{transform:translate3d(2px,0,0)}}.fx-fail{animation:shake-x .3s cubic-bezier(.36,.07,.19,.97);box-shadow:0 0 14px #d46a6a73}@keyframes boom-burst{0%{transform:translateZ(0) scale(1);box-shadow:0 0 #a1404000;filter:brightness(1)}15%{transform:translate3d(-7px,0,0) scale(1.03);box-shadow:0 0 28px 8px #a14040b3;filter:brightness(1.4) saturate(1.4)}30%{transform:translate3d(7px,0,0) scale(1.03)}45%{transform:translate3d(-6px,0,0) scale(1)}60%{transform:translate3d(5px,0,0)}75%{transform:translate3d(-3px,0,0)}to{transform:translateZ(0) scale(1);box-shadow:0 0 #a1404000;filter:brightness(1)}}.fx-boom{animation:boom-burst .38s cubic-bezier(.36,.07,.19,.97)}@keyframes count-pop{0%{transform:scale(1);color:inherit}35%{transform:scale(1.25);color:var(--gold-fg)}to{transform:scale(1);color:inherit}}.fx-count{display:inline-block;animation:count-pop .32s ease-out;will-change:transform}.lift{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.lift:hover{transform:translateY(-2px);filter:brightness(1.06)}@keyframes select-in{0%{box-shadow:0 0 #f5c94700}to{box-shadow:0 0 12px #f5c94766,inset 0 0 0 1px #f5c94766}}.fx-select-in{animation:select-in .18s ease-out}@keyframes slot-glow{0%,to{box-shadow:0 0 10px #f5c9472e}50%{box-shadow:0 0 16px #f5c94757}}.slot-current{animation:slot-glow 2.4s ease-in-out infinite}@keyframes toast-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}.ms-toast{position:fixed;right:20px;bottom:20px;z-index:200;padding:10px 14px;border-radius:6px;background:linear-gradient(180deg,#2a2018,#1a1410);border:1px solid #8b6e2e;box-shadow:inset 0 1px #f5c94740,0 6px 18px #00000080;color:#5fbf6c;font-size:12px;font-weight:600;animation:toast-in .2s ease-out}.ms-dropdown{animation:toast-in .16s ease-out;transform-origin:top right}@keyframes shimmer{0%{background-position:-180% 0}to{background-position:180% 0}}.skeleton{border-radius:6px;background:linear-gradient(100deg,#1f1812 30%,#f5c9471a,#1f1812 70%);background-size:220% 100%;animation:shimmer 1.4s ease-in-out infinite;border:1px solid #2a1f17}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}