@tailwind base;@tailwind components;@tailwind utilities;:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}html{scroll-behavior:smooth;font-size:16px}body{color:hsl(var(--foreground));background-color:hsl(var(--background));overscroll-behavior:none;font-synthesis-weight:none}html>body *{border-color:hsl(var(--border))}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:5px}*{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#000;font-family:Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;user-select:none}#mc-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}#three-root{position:fixed;inset:0}#three-root canvas{display:block;width:100%;height:100%}#cross{position:fixed;z-index:10;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;pointer-events:none}#cross:before,#cross:after{position:absolute;content:"";background:#fff;mix-blend-mode:difference}#cross:before{top:0;left:9px;width:2px;height:20px}#cross:after{top:9px;left:0;width:20px;height:2px}#info{position:fixed;z-index:10;top:12px;left:14px;color:#fff;font-size:13px;line-height:1.55;white-space:pre;text-shadow:1px 2px 3px #000;pointer-events:none}#name{position:fixed;z-index:10;bottom:78px;left:50%;transform:translate(-50%);color:#fff;font-size:16px;text-shadow:2px 2px #000;transition:opacity .4s;pointer-events:none}#hotbar{position:fixed;z-index:10;bottom:14px;left:50%;display:flex;gap:4px;padding:5px;transform:translate(-50%);border:2px solid #555;background:#00000080;box-shadow:0 5px 22px #00000047}.slot{position:relative;box-sizing:border-box;width:44px;height:44px;border:2px solid #888;background-color:#555;background-size:cover;image-rendering:pixelated}.slot.sel{border-color:#fff;box-shadow:0 0 0 2px #fff}.slot span{position:absolute;top:0;left:3px;color:#fff;font-size:11px;text-shadow:1px 1px #000}#overlay{position:fixed;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#fff;text-align:center;cursor:pointer;background:#0810169e;backdrop-filter:blur(3px)}#overlay h1{margin:0 0 18px;font-size:clamp(28px,5vw,48px);letter-spacing:.04em;text-shadow:3px 4px 0 #263b22,5px 6px 0 rgba(0,0,0,.55)}#overlay p{margin:5px 0;color:#e4ebdf;font-size:14px;text-shadow:1px 2px 3px #000}#ovt{padding:16px 24px;border:1px solid rgba(255,255,255,.2);background:#00000040}#picker{position:fixed;z-index:30;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:#000000b8}#pickbox{display:grid;grid-template-columns:repeat(7,56px);gap:7px;max-width:calc(100vw - 32px);padding:16px;border:4px solid #fff;background:#bcbcbc;box-shadow:0 18px 60px #00000080}#pickbox .slot{width:52px;height:52px;border-color:#555;cursor:pointer}#pickbox .slot:hover{border-color:#fff;transform:translateY(-2px)}#pickttl{grid-column:1 / -1;margin-bottom:4px;color:#252525;font-weight:700}@media (max-width: 540px){#hotbar{gap:2px;padding:4px}#hotbar .slot{width:min(9vw,38px);height:min(9vw,38px)}#pickbox{grid-template-columns:repeat(5,48px);gap:5px;padding:12px}#pickbox .slot{width:46px;height:46px}#info{top:8px;left:8px;font-size:11px}}