:root{--bg-paper: #E1D8C3;--bg-panel: #D8CDB7;--bg-light: #EAE1CD;--stone-light: #C8BDA6;--stone-mid: #A89E8F;--stone-dark: #7D7669;--ink-primary: #4B4843;--ink-secondary: #777064;--line-default: #625E56;--shadow-pixel: #8F877A;--accent-muted: #A88C72;--success-muted: #818A74;--warning-muted: #A7806E;--font-pixel-cn: "ZCOOL QingKe HuangYou", "DotGothic16", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", monospace, sans-serif;--font-pixel-mono: "Courier New", "Consolas", "Monaco", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;border-radius:0!important}html,body,#root{width:100%;min-height:100dvh;background-color:var(--bg-paper);color:var(--ink-primary);font-family:var(--font-pixel-cn);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;overflow-x:hidden;user-select:none}body{background-image:radial-gradient(var(--stone-light) 1px,transparent 1px);background-size:8px 8px}canvas,img,svg{image-rendering:pixelated;image-rendering:crisp-edges}.typo-title{font-size:28px;font-weight:900;line-height:1.18;letter-spacing:2px;color:var(--ink-primary)}.typo-subtitle{font-family:var(--font-pixel-mono);font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--ink-primary);text-transform:uppercase}.typo-heading{font-size:17px;font-weight:800;line-height:1.25;letter-spacing:1px;color:var(--ink-primary)}.typo-body{font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.5px;color:var(--ink-primary)}.typo-micro{font-family:var(--font-pixel-mono);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.5px;color:var(--ink-secondary)}.pixel-frame-outer{position:relative;background-color:var(--bg-paper);border:2px solid var(--ink-primary);box-shadow:0 3px 0 0 var(--shadow-pixel),inset 0 0 0 3px var(--bg-paper),inset 0 0 0 4px var(--stone-mid);padding:14px}.pixel-frame-outer:before,.pixel-frame-outer:after{content:"";position:absolute;left:6px;right:6px;height:2px;background:var(--stone-mid);pointer-events:none}.pixel-frame-outer:before{top:3px}.pixel-frame-outer:after{bottom:3px}.pixel-panel{position:relative;background-color:var(--bg-panel);border:2px solid var(--ink-primary);box-shadow:0 2px 0 0 var(--shadow-pixel),inset 0 0 0 1px var(--bg-light);padding:10px 12px}.pixel-panel-light{background-color:var(--bg-light)}.pixel-panel-sunken{background-color:var(--stone-light);border:2px solid var(--ink-primary);box-shadow:inset 0 2px 0 0 var(--stone-mid)}.pixel-hatched{background-color:var(--bg-panel);background-image:repeating-linear-gradient(-45deg,var(--stone-light) 0px,var(--stone-light) 2px,var(--bg-panel) 2px,var(--bg-panel) 5px)}.pixel-hatched-dark{background-color:var(--stone-mid);background-image:repeating-linear-gradient(-45deg,var(--ink-primary) 0px,var(--ink-primary) 2px,var(--stone-light) 2px,var(--stone-light) 4px)}.pixel-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-pixel-cn);font-size:15px;font-weight:800;letter-spacing:1px;color:var(--ink-primary);background-color:var(--bg-light);border:2px solid var(--ink-primary);box-shadow:0 3px 0 0 var(--ink-primary),0 4px 0 0 var(--shadow-pixel),inset 0 0 0 2px var(--bg-paper);padding:9px 14px;cursor:pointer;transition:none;text-decoration:none;white-space:nowrap}.pixel-btn:hover:not(:disabled){background-color:var(--bg-paper)}.pixel-btn:focus-visible{outline:2px dashed var(--ink-primary);outline-offset:2px}.pixel-btn:active:not(:disabled),.pixel-btn-active{transform:translateY(2px);background-color:var(--stone-dark)!important;color:var(--bg-light)!important;box-shadow:0 1px 0 0 var(--ink-primary),inset 0 0 0 1px var(--stone-mid)}.pixel-btn-secondary{background-color:var(--bg-panel);border:2px solid var(--line-default);box-shadow:0 2px 0 0 var(--shadow-pixel),inset 0 0 0 1px var(--bg-light)}.pixel-btn:disabled,.pixel-btn-disabled{background-color:var(--bg-panel)!important;color:var(--stone-dark)!important;border-color:var(--stone-mid)!important;box-shadow:0 2px 0 0 var(--stone-light)!important;cursor:not-allowed;opacity:.72}.handheld-bottom-emblem{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);width:34px;height:24px;background-color:var(--bg-paper);border:2px solid var(--ink-primary);box-shadow:0 2px 0 0 var(--shadow-pixel);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.handheld-bottom-emblem:active{transform:translate(-50%) translateY(1px);background-color:var(--bg-panel)}.app-shell{min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(8px,env(safe-area-inset-top)) 10px max(16px,env(safe-area-inset-bottom))}.handheld-viewport{width:100%;max-width:420px;display:flex;flex-direction:column}.handheld-viewport-wide{width:100%;max-width:920px;display:flex;flex-direction:column}.pixel-divider{width:100%;height:2px;background-color:var(--stone-mid);margin:8px 0}.pixel-divider-dotted{width:100%;height:2px;background-image:repeating-linear-gradient(to right,var(--line-default) 0px,var(--line-default) 4px,transparent 4px,transparent 8px);margin:6px 0}@media(max-width:480px){.app-shell{padding:max(4px,env(safe-area-inset-top)) 6px max(10px,env(safe-area-inset-bottom))}.pixel-frame-outer{padding:10px}.typo-title{font-size:24px}}