*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0d1117;overscroll-behavior:none}#game{display:block;width:100vw;height:100vh;height:100dvh}#underwater{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:0;transition:opacity .2s ease;background:linear-gradient(#16699b47,#0a417366),radial-gradient(circle at 50% 42%,#2d8cbe0f,#052a528c)}#underwater.active{opacity:1}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.85}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff;mix-blend-mode:difference}#crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#debug{position:absolute;left:10px;top:10px;color:#e6edf3;font-size:12px;line-height:1.5;white-space:pre;text-shadow:0 1px 2px rgba(0,0,0,.9)}#hotbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:5px;padding:5px;border-radius:8px;background:#0f172a73;border:1px solid rgba(148,163,184,.18)}.slot{position:relative;width:48px;height:48px;border-radius:6px;background-color:#00000040;background-size:100% 100%;image-rendering:pixelated;border:2px solid rgba(148,163,184,.25);pointer-events:auto;cursor:pointer;transition:transform .08s ease,border-color .08s ease}#hotbar .slot.selected{border-color:#f8fafc;transform:translateY(-6px) scale(1.06);box-shadow:0 6px 16px #00000073}#inventory .slot:hover{border-color:#f8fafc99}.slot .num{position:absolute;left:3px;top:1px;font:600 11px ui-monospace,Menlo,monospace;color:#cbd5e1;text-shadow:0 1px 2px #000}.slot .count{position:absolute;right:3px;bottom:1px;font:700 13px ui-monospace,Menlo,monospace;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}.slot .durability{position:absolute;left:4px;right:4px;bottom:3px;height:4px;border-radius:2px;background:#000000a6;display:none;pointer-events:none}.slot .durability>i{display:block;height:100%;border-radius:2px}#inventory{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:20;display:none;flex-direction:column;gap:12px;padding:20px;border-radius:14px;background:#0f172aeb;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 70px #0009;font-family:ui-sans-serif,system-ui,sans-serif}#inventory.active{display:flex}.inv-title{color:#e6edf3;font-weight:600;font-size:15px}.inv-grid{display:grid;grid-template-columns:repeat(9,48px);gap:5px}.inv-hotrow{margin-top:8px;padding-top:12px;border-top:1px solid rgba(148,163,184,.2)}#inventory .slot{pointer-events:auto}.inv-craft{display:flex;align-items:center;gap:14px;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.2)}.craft-grid{display:grid;grid-template-columns:repeat(2,48px);gap:5px}.craft-arrow{color:#94a3b8;font-size:22px}.craft-result{border-color:#7dd3fc8c;box-shadow:0 0 10px #38bdf840}.inv-top{display:flex;gap:16px;align-items:flex-start;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.2)}.inv-top .inv-craft{margin-bottom:0;padding-bottom:0;border-bottom:none}.armor-col{display:flex;flex-direction:column;gap:5px}.armor-slot{border-color:#7dd3fc4d;background-color:#38bdf80f}#furnace,#chest{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:20;display:none;flex-direction:column;gap:12px;padding:20px;border-radius:14px;background:#0f172aeb;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 70px #0009;font-family:ui-sans-serif,system-ui,sans-serif}#furnace.active,#chest.active{display:flex}#furnace .slot,#chest .slot{pointer-events:auto}#chest .chest-grid{margin-bottom:6px}#chest .panel-title{font-size:13px;font-weight:600;color:#cbd5e1;letter-spacing:.02em}#crafting{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:20;display:none;flex-direction:column;gap:12px;padding:20px;border-radius:14px;background:#0f172aeb;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 70px #0009;font-family:ui-sans-serif,system-ui,sans-serif}#crafting.active{display:flex}#crafting .slot{pointer-events:auto}.craft3-grid{display:grid;grid-template-columns:repeat(3,48px);gap:5px}#trade{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:20;display:none;flex-direction:column;gap:10px;padding:20px;border-radius:14px;background:#0f172aeb;border:1px solid rgba(242,201,76,.35);box-shadow:0 24px 70px #0009;font-family:ui-sans-serif,system-ui,sans-serif;max-height:92vh;overflow-y:auto}#trade.active{display:flex}#trade .slot{pointer-events:auto}.trade-msg{min-height:18px;font-size:13px;color:#ffe9a8;text-align:center}.trade-kicker{font-size:11px;font-weight:700;letter-spacing:.1em;color:#f2c94c;text-transform:uppercase}.trade-row{display:flex;align-items:center;gap:10px}.trade-offer{font-size:13px;color:#cbd5e1;flex:1;font-variant-numeric:tabular-nums}.trade-btn{padding:7px 14px;border-radius:8px;cursor:pointer;background:#f2c94c26;color:#ffe9a8;border:1px solid rgba(242,201,76,.5);font-weight:700;font-size:13px}.trade-btn:hover:not(:disabled){background:#f2c94c4d}.trade-btn:disabled{opacity:.35;cursor:default}.trade-exchange{flex-wrap:wrap}.trade-xc{font-size:12px;padding:6px 10px}.trade-catalog{display:grid;grid-template-columns:repeat(5,64px);gap:6px}.trade-ware{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:10px;cursor:pointer;background:#1e293bcc;border:1px solid rgba(148,163,184,.25)}.trade-ware:hover{border-color:#f2c94c80}.trade-ware.selected{border-color:#f2c94c;background:#f2c94c1f}.trade-ware-icon{width:34px;height:34px;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated}.trade-price{font-size:11px;color:#f6e7bd;font-variant-numeric:tabular-nums}.trade-pay{display:none;flex-direction:column;gap:8px;align-items:center}.trade-pay.active{display:flex}.trade-wells{display:flex;gap:14px}.trade-well-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.trade-well{width:52px;height:52px;border-radius:12px;cursor:pointer;position:relative;background-color:#1e293be6;background-size:34px;background-repeat:no-repeat;background-position:center;border:1px solid rgba(242,201,76,.45);image-rendering:pixelated}.trade-well:hover{border-color:#f2c94c}.trade-well-count{position:absolute;right:3px;bottom:1px;font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}.trade-take{width:52px;height:32px;border-radius:8px;cursor:pointer;background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.4);font-weight:800;line-height:1;font-size:16px}.trade-total{font-size:14px;color:#f8fafc;font-weight:700;font-variant-numeric:tabular-nums}.trade-paybtn{padding:8px 30px}#buildcard{position:fixed;right:14px;bottom:340px;z-index:9;width:260px;pointer-events:none;display:none;background:#0d1b37d9;border:1px solid rgba(96,165,250,.55);border-radius:12px;padding:12px 16px;color:#dbeafe}#buildcard.open{display:block}#buildcard h3{margin:0 0 6px;font-size:15px;color:#93c5fd}#buildcard p{margin:8px 0 0;font-size:12px;line-height:1.45;color:#bfdbfe}.bc-progress{font-size:13px;font-weight:700;color:#f8fafc;margin-bottom:6px;font-variant-numeric:tabular-nums}.bc-row{font-size:12px;color:#a7f3d0;font-variant-numeric:tabular-nums}.bc-row.bc-short{color:#fca5a5}#buildrot{position:fixed;bottom:210px;left:50%;transform:translate(-50%);z-index:40;pointer-events:none;padding:8px 18px;border-radius:999px;background:#0d1b37e0;border:1px solid rgba(96,165,250,.6);color:#dbeafe;font-size:15px;font-weight:700;opacity:0;transition:opacity .3s ease;max-width:76vw;text-align:center}#nametags{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.nametag{position:absolute;transform:translate(-50%,-100%);padding:2px 7px;border-radius:6px;background:#0f172ab8;border:1px solid rgba(148,163,184,.25);color:#e6edf3;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;white-space:nowrap}#guide{position:fixed;left:12px;bottom:18px;z-index:8;width:264px;display:none;padding:12px 14px 13px;border-radius:14px;background:#0f172aeb;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 70px #0009;font-family:ui-sans-serif,system-ui,sans-serif;color:#e6edf3;pointer-events:auto;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,border-color .3s ease,box-shadow .3s ease}#guide.active{display:block}#guide.shown{opacity:1;transform:none}#guide.warn{border-color:#fb923c80}#guide.done-flash{border-color:#7dd3fc8c;box-shadow:0 0 10px #38bdf840}.guide-h{color:#7dd3fc;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.guide-h.warn{color:#fdba74}.guide-body{font-size:13px;line-height:1.45;color:#cbd5e1}.guide-body b{color:#f8fafc;font-weight:600}.guide-note{margin-top:8px;color:#94a3b8;font-size:12px}.guide-note:empty{display:none}.guide-x{position:absolute;top:8px;right:8px;width:22px;height:22px;border:none;border-radius:6px;background:transparent;color:#94a3b8;font-size:18px;line-height:1;cursor:pointer;transition:color .12s ease,background .12s ease}.guide-x:hover{color:#f8fafc;background:#94a3b826}@media (max-width: 1060px){#guide{bottom:150px}}.settings-note{color:#7c8aa0;font-size:12px;padding:0 2px 6px}#map{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);z-index:22;display:none;flex-direction:column;align-items:center;gap:10px;padding:18px;border-radius:14px;background:#0f172af0;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 70px #0009;font-family:ui-sans-serif,system-ui,sans-serif}#map.active{display:flex}.map-canvas{width:min(512px,82vmin);height:min(512px,82vmin);image-rendering:pixelated;border-radius:8px;border:1px solid rgba(148,163,184,.3);background:#0b1220;cursor:crosshair}.map-info{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;color:#cbd5e1;font-size:13px}.map-info b{color:#f8fafc}.map-info .dim{color:#7c8aa0}.map-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:12px;color:#94a3b8}.map-legend-item{display:inline-flex;align-items:center;gap:5px}.map-swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.35)}.furnace-top{display:flex;align-items:center;gap:18px;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.2)}.furnace-col{display:flex;flex-direction:column;align-items:center;gap:6px}.flame{width:20px;height:20px;border-radius:3px;background:#0006;display:flex;align-items:flex-end;overflow:hidden}.flame>i{display:block;width:100%;height:0%;background:linear-gradient(to top,#ff9a2e,#ffd93b)}.smelt-arrow{width:70px;height:12px;border-radius:3px;background:#0006;overflow:hidden}.smelt-arrow>i{display:block;height:100%;width:0%;background:linear-gradient(to right,#7dd3fc,#38bdf8)}#held{position:fixed;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:30;display:none;pointer-events:none;background-size:100% 100%;image-rendering:pixelated}#held .count{position:absolute;right:1px;bottom:-2px;font:700 13px ui-monospace,Menlo,monospace;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}#stats{position:absolute;left:50%;bottom:80px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.stat-row{display:flex;gap:1px}.stat-icon{width:20px;height:20px;background-size:100% 100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6));transition:opacity .15s ease}#death{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#82191980,#1c0000e0);font-family:ui-sans-serif,system-ui,sans-serif}#death.hidden{display:none}#death h1{font-size:42px;color:#ff6b6b}#respawn{margin-top:22px;padding:12px 28px;font-size:16px;font-weight:600;color:#3a0000;background:linear-gradient(180deg,#ffd4d4,#ff8a8a);border:none;border-radius:9px;cursor:pointer}#respawn:hover{filter:brightness(1.08)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#1e293ba6,#020617e6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}#overlay.hidden{display:none}.panel{text-align:center;color:#e6edf3;padding:36px 44px;border-radius:14px;background:#0f172ab3;border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 60px #00000080}.panel h1{font-size:44px;letter-spacing:1px;background:linear-gradient(180deg,#f8fafc,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.panel .sub{color:#94a3b8;margin-top:4px;font-size:14px}#play{margin-top:22px;padding:12px 26px;font-size:16px;font-weight:600;color:#06283d;background:linear-gradient(180deg,#bae6fd,#38bdf8);border:none;border-radius:9px;cursor:pointer;transition:transform .08s ease,filter .15s ease}#play:hover{filter:brightness(1.08)}#play:active{transform:translateY(1px)}.link-btn{margin-top:14px;background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;text-decoration:underline;pointer-events:auto}.link-btn:hover{color:#e6edf3}#settings-btn{position:fixed;top:12px;right:12px;z-index:40;width:38px;height:38px;border:none;border-radius:9px;background:#0f172a8c;color:#e6edf3;font-size:20px;line-height:1;cursor:pointer;opacity:.6;transition:opacity .15s ease,background .15s ease,transform .2s ease}#settings-btn:hover{opacity:1;background:#0f172acc;transform:rotate(45deg)}#settings-btn.active{opacity:1;background:#0f172ad9;transform:rotate(45deg)}#settings{position:fixed;top:58px;right:12px;z-index:39;width:300px;max-height:calc(100vh - 76px);overflow-y:auto;display:none;flex-direction:column;padding:16px 18px 18px;border-radius:14px;background:#0f172af0;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 70px #0009;font-family:ui-sans-serif,system-ui,sans-serif;color:#e6edf3}#settings.active{display:flex}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.settings-x{width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:#94a3b8;font-size:22px;line-height:1;cursor:pointer;transition:color .12s ease,background .12s ease}.settings-x:hover{color:#f8fafc;background:#94a3b826}.settings-section{margin-top:14px}.settings-h{color:#7dd3fc;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 2px;font-size:14px}.settings-row+.settings-row{border-top:1px solid rgba(148,163,184,.1)}.switch{position:relative;flex:none;width:40px;height:22px;border:none;border-radius:11px;background:#64748b80;cursor:pointer;transition:background .15s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#e6edf3;transition:transform .15s ease}.switch.on{background:#38bdf8}.switch.on:after{transform:translate(18px)}.settings-action{flex:none;padding:5px 14px;font-size:13px;font-weight:600;color:#06283d;background:linear-gradient(180deg,#bae6fd,#38bdf8);border:none;border-radius:7px;cursor:pointer;transition:filter .12s ease}.settings-action:hover{filter:brightness(1.08)}.settings-action:active{transform:translateY(1px)}.settings-choice{display:flex;gap:2px;padding:2px;background:#0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:8px}.choice-btn{padding:4px 10px;font-size:12px;font-weight:600;color:#9fb0c8;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease}.choice-btn:hover{color:#e6edf3}.choice-btn.on{color:#06283d;background:linear-gradient(180deg,#bae6fd,#38bdf8)}.settings-controls{display:flex;flex-direction:column;gap:2px}.ctrl-row{display:flex;align-items:baseline;gap:10px;font-size:13px;color:#cbd5e1;padding:2px 0}.ctrl-row kbd{flex:none;min-width:92px;font:600 12px ui-monospace,Menlo,monospace;color:#f8fafc}.hint{margin-top:20px;color:#cbd5e1;font-size:13px}.hint b{color:#f8fafc}.hint.dim{margin-top:8px;color:#94a3b8;font-size:12px}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:ui-sans-serif,system-ui,sans-serif}#touch.shown{display:block}.touch-look{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.touch-stick{position:absolute;left:24px;bottom:30px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#94a3b824,#0f172a4d);border:2px solid rgba(148,163,184,.28);touch-action:none}.touch-stick-thumb{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:#e2e8f080;border:2px solid rgba(248,250,252,.6);box-shadow:0 3px 10px #0006}.touch-actions{position:absolute;right:20px;bottom:30px;width:174px;height:174px}.touch-abtn{position:absolute;width:66px;height:66px;border-radius:50%;border:2px solid rgba(148,163,184,.35);background:#0f172a80;color:#e6edf3;font-size:26px;line-height:1;touch-action:none;transition:background .08s ease,border-color .08s ease}.touch-abtn.pressed{background:#38bdf86b;border-color:#7dd3fc}.touch-mine{right:0;bottom:0;width:78px;height:78px;font-size:30px}.touch-use{right:88px;bottom:12px}.touch-jump{right:10px;bottom:90px}.touch-down{right:92px;bottom:96px;width:52px;height:52px;font-size:20px}.touch-tap{position:absolute;width:46px;height:46px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:#0f172a8c;color:#e6edf3;font-size:22px;line-height:1;touch-action:none}.touch-bag{right:58px;top:12px}.touch-pauseb{right:110px;top:12px}.touch #hotbar{bottom:190px;transform:translate(-50%) scale(.68);transform-origin:bottom center;z-index:14}.touch #hotbar .slot{cursor:default}.touch #stats{bottom:236px}.touch #debug{font-size:10px;opacity:.55}.touch #guide{bottom:250px}.settings-slider{flex:1;min-width:90px;margin:0 10px;accent-color:#7fb8d8}.settings-val{min-width:40px;text-align:right;font-variant-numeric:tabular-nums;opacity:.85}.menu-panel{min-width:340px}.menu-col{display:flex;flex-direction:column;gap:10px;margin:18px 0 6px}.menu-btn{position:relative;padding:12px 18px;font-size:15px;font-weight:700;letter-spacing:.08em;color:#e6edf3;background:#0f172ab3;border:1px solid rgba(148,163,184,.3);border-radius:9px;cursor:pointer}.menu-btn:hover:not(:disabled){border-color:#7dd3fc8c;background:#152038cc}.menu-btn:active:not(:disabled){transform:translateY(1px)}.menu-btn:disabled{opacity:.45;cursor:default}.menu-btn .soon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;letter-spacing:.04em;color:#94a3b8;border:1px solid rgba(148,163,184,.3);border-radius:999px;padding:2px 8px;text-transform:lowercase}.menu-primary{background:linear-gradient(180deg,#bae6fd,#38bdf8);color:#06283d;border-color:transparent}.menu-primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(180deg,#bae6fd,#38bdf8)}.menu-math{border-color:#9a6bff8c;box-shadow:0 0 14px #9a6bff40,inset 0 0 18px #53e0ff14}.menu-math:hover:not(:disabled){border-color:#b794ffd9;box-shadow:0 0 20px #9a6bff73}.pause-only,#overlay.paused .title-only{display:none}#overlay.paused h1.pause-only{display:block}#overlay.paused .menu-col.pause-only{display:flex}.menu-danger{border-color:#f8717180;color:#fecaca}.menu-danger:hover:not(:disabled){border-color:#f87171e6;background:#3c1418bf}.menu-together{border-color:#4ade8080;box-shadow:0 0 12px #4ade802e,inset 0 0 18px #4ade800f}.menu-together:hover:not(:disabled){border-color:#86efacd9;box-shadow:0 0 20px #4ade8066}.room-only{display:none}#overlay.inroom .room-only{display:block}#overlay.inroom .solo-only{display:none}#roomstrip{margin:14px 0 2px;padding:10px 12px;border:1px solid rgba(74,222,128,.3);border-radius:10px;background:#06181080;text-align:center}#roomstrip.hidden{display:none}.rs-code{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.rs-glyphs{font-size:24px;line-height:1;letter-spacing:.12em}.rs-words{font-size:13px;font-weight:700;letter-spacing:.06em;color:#bbf7d0}.rs-who{margin-top:6px;font-size:12px;color:#94a3b8}#roomdoor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;background:#020617d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:ui-sans-serif,system-ui,sans-serif}#roomdoor.hidden{display:none}.rd-panel{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;text-align:center}#roomdoor.joining .rd-name,#roomdoor.joining .rd-section,#roomdoor.joining .rd-hatch,#roomdoor.joining .rd-typed{opacity:.4;pointer-events:none}.rd-name{display:flex;align-items:center;gap:8px;margin:16px 0 6px}.rd-name-label{font-size:13px;font-weight:700;letter-spacing:.06em;color:#94a3b8}.rd-name-input{flex:1;min-width:0;padding:9px 12px;font:inherit;font-size:16px;font-weight:700;color:#e6edf3;background:#0f172acc;border:1px solid rgba(148,163,184,.35);border-radius:8px}.rd-name-input:focus{outline:none;border-color:#7dd3fcb3}.rd-dice,.rd-new{padding:7px 10px;font:inherit;font-size:13px;color:#e6edf3;background:#0f172ab3;border:1px solid rgba(148,163,184,.3);border-radius:8px;cursor:pointer;white-space:nowrap}.rd-dice:hover,.rd-new:hover{border-color:#7dd3fc8c}.rd-dice.hidden{display:none}.rd-name-input[readonly]{opacity:.7;cursor:default}.rd-section{margin-top:14px}.rd-section.hidden{display:none}.rd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-bottom:8px}.rd-recents{display:flex;flex-direction:column;gap:8px}.rd-card{display:flex;align-items:stretch;gap:6px}.rd-card.here .rd-card-open{border-color:#4ade8099}.rd-card-open{flex:1;display:flex;align-items:center;gap:12px;padding:10px 14px;font:inherit;color:#e6edf3;background:#0f172ab3;border:1px solid rgba(148,163,184,.3);border-radius:9px;cursor:pointer;text-align:left}.rd-card-open:hover{border-color:#7dd3fc8c;background:#152038cc}.rd-card-glyphs{font-size:22px;line-height:1;letter-spacing:.1em}.rd-card-words{font-size:13px;font-weight:700;letter-spacing:.04em}.rd-card-x{width:38px;font:inherit;font-size:18px;line-height:1;color:#94a3b8;background:#0f172a80;border:1px solid rgba(148,163,184,.22);border-radius:9px;cursor:pointer}.rd-card-x:hover{color:#fecaca;border-color:#f8717199}.rd-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rd-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:68px;padding:8px 4px;font:inherit;color:#cbd5e1;background:#0f172ab3;border:2px solid rgba(148,163,184,.25);border-radius:12px;cursor:pointer}.rd-tile:hover{border-color:#7dd3fc80}.rd-tile.on{border-color:#4ade80;background:#143c28bf;color:#f0fdf4;box-shadow:0 0 14px #4ade8059}.rd-glyph{font-size:28px;line-height:1}.rd-word{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.rd-hatch{display:block;margin:16px auto 0}.rd-typed{display:flex;gap:8px;margin-top:8px}.rd-typed.hidden{display:none}.rd-typed-input{flex:1;min-width:0;padding:9px 12px;font:inherit;font-size:16px;color:#e6edf3;background:#0f172acc;border:1px solid rgba(148,163,184,.35);border-radius:8px}.rd-typed-input:focus{outline:none;border-color:#7dd3fcb3}.rd-foot{position:sticky;bottom:0;margin-top:16px;padding:12px 0 4px;background:linear-gradient(180deg,#090e1c00,#090e1cf5 30%)}.rd-slots{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.rd-slot{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;border:2px dashed rgba(148,163,184,.35);border-radius:10px}.rd-slot.filled{border-style:solid;border-color:#4ade80b3;background:#143c2880}.rd-go{width:100%}.rd-back{display:block;margin:10px auto 0}@media (max-width: 460px){.rd-grid{grid-template-columns:repeat(4,1fr)}.rd-glyph{font-size:24px}.rd-slot{width:40px;height:40px;font-size:22px}}#confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0206179e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:ui-sans-serif,system-ui,sans-serif}#confirm.hidden{display:none}.confirm-panel{max-width:380px;text-align:center}.confirm-title{color:#f8fafc;font-size:22px;font-weight:800;letter-spacing:.02em}.confirm-msg{color:#a5b4cf;font-size:14px;margin-top:10px;line-height:1.5}.confirm-row{display:flex;gap:10px;margin-top:22px}.confirm-row .menu-btn{flex:1}#mathhud{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:9;text-align:center;pointer-events:none;display:none;opacity:0;transition:opacity .25s ease;background:#0f172a8c;border:1px solid rgba(154,107,255,.4);border-radius:14px;padding:10px 26px 12px;box-shadow:0 0 24px #53e0ff1f}#mathhud.active{display:block}#mathhud.shown{opacity:1}.mh-kicker{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c9b1ff}.mh-obj{font-size:34px;font-weight:800;letter-spacing:.02em;color:#f8fafc;font-variant-numeric:tabular-nums;animation:mhGlow 2.6s ease-in-out infinite}.mh-progress{font-size:13px;color:#a5b4cf;font-variant-numeric:tabular-nums}#mathhud.mh-flash{border-color:#7dd3fce6;box-shadow:0 0 30px #38bdf880}@keyframes mhGlow{0%,to{text-shadow:0 0 10px rgba(83,224,255,.55),0 0 26px rgba(154,107,255,.3)}50%{text-shadow:0 0 18px rgba(83,224,255,.9),0 0 40px rgba(154,107,255,.55)}}.touch #mathhud{top:8px;padding:7px 16px 9px}.touch #mathhud .mh-obj{font-size:24px}#surveyhud{position:fixed;top:112px;left:14px;z-index:9;pointer-events:auto;display:none;opacity:0;transition:opacity .25s ease;background:#0f172a8c;border:1px solid rgba(255,214,102,.45);border-radius:14px;padding:8px 18px 10px;box-shadow:0 0 24px #ffd6661a;max-width:380px}#surveyhud.active{display:block}#surveyhud.shown{opacity:1}.sv-kicker{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffd666}.sv-read{font-size:20px;font-weight:800;letter-spacing:.02em;color:#f8fafc;font-variant-numeric:tabular-nums;white-space:nowrap}.sv-job{font-size:12px;color:#cdb98a}#surveyhud.sv-flash{border-color:#ffe796f2;box-shadow:0 0 30px #ffd6668c}.touch #surveyhud{top:84px;padding:6px 12px 8px;max-width:240px}.touch #surveyhud .sv-read{font-size:18px}#surveybook{position:fixed;right:14px;bottom:130px;z-index:9;width:280px;pointer-events:auto;display:none;background:#141008d1;border:1px solid rgba(255,214,102,.5);border-radius:12px;padding:12px 16px;color:#f1e8d2}#surveybook.open{display:block}#surveybook h3{margin:0 0 6px;font-size:15px;color:#ffd666}#surveybook p{margin:0 0 8px;font-size:13px;line-height:1.45;color:#e6dcc3}.svb-reward{font-size:12px;color:#a7f3d0;margin-bottom:8px}.svb-foot{font-size:11px;color:#9c8f6e;letter-spacing:.04em}#surveyrot{position:fixed;bottom:170px;left:50%;transform:translate(-50%);z-index:40;pointer-events:none;padding:8px 18px;border-radius:999px;background:#141008d9;border:1px solid rgba(255,214,102,.55);color:#ffe9a8;font-size:15px;font-weight:700;opacity:0;transition:opacity .3s ease;max-width:76vw;text-align:center}#grownups{position:fixed;top:58px;right:12px;z-index:45;width:340px;max-height:calc(100vh - 76px);overflow-y:auto;display:none;flex-direction:column;padding:16px 18px 18px;border-radius:14px;background:#0f172af5;border:1px solid rgba(154,107,255,.35);box-shadow:0 24px 70px #0009;font-family:ui-sans-serif,system-ui,sans-serif;color:#e6edf3}#grownups.active{display:flex}.gu-levels{display:flex;gap:6px;margin:8px 0 4px;flex-wrap:wrap}.gu-level{min-width:40px;padding:7px 0;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;color:#cbd5e1;background:#0f172ab3;border:1px solid rgba(148,163,184,.3)}.gu-level:hover{border-color:#7dd3fc8c}.gu-level.on{background:linear-gradient(180deg,#bae6fd,#38bdf8);color:#06283d;border-color:transparent}#grownups .soon{font-size:10px;font-weight:600;color:#94a3b8;border:1px solid rgba(148,163,184,.3);border-radius:999px;padding:1px 7px}#grownups .switch:disabled{opacity:.35;cursor:default}.gu-progress-row{display:grid;grid-template-columns:1fr auto 84px auto;gap:8px;align-items:center;padding:7px 0;font-size:13px}.gu-progress-row+.gu-progress-row{border-top:1px solid rgba(148,163,184,.12)}.gu-progress-name{color:#cbd5e1}.gu-badge{font-weight:800;font-size:11px;color:#06283d;padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,#bae6fd,#38bdf8)}.gu-bar{height:8px;border-radius:999px;background:#94a3b82e;overflow:hidden}.gu-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#9a6bff)}.gu-lifetime{color:#7c8aa0;font-variant-numeric:tabular-nums;font-size:12px}#mathcount{position:fixed;top:34%;left:50%;transform:translate(-50%,-50%);z-index:9;pointer-events:none;font:800 96px/1 ui-sans-serif,system-ui,sans-serif;color:#f8fafc;opacity:0;text-shadow:0 0 18px rgba(83,224,255,.8),0 0 44px rgba(154,107,255,.5),0 2px 6px rgba(0,0,0,.7)}#mathcount.pop{animation:mcPop 1.1s ease-out}@keyframes mcPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}30%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-56%) scale(.96)}}.touch #mathcount{font-size:64px}#charcreate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#1e293bb3,#020617eb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}#charcreate.hidden{display:none}.charcreate-panel{max-width:420px;max-height:calc(100vh - 24px);overflow-y:auto;padding:30px 34px 26px}.charcreate-panel h1{font-size:28px;margin-bottom:2px}.cc-stage{position:relative;width:78%;aspect-ratio:1 / 1;max-height:250px;margin:14px auto 2px;border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 50% 18%,#46567a,#263149 45%,#141b2c);box-shadow:inset 0 0 0 1px #94a3b829,inset 0 -40px 70px #0006,0 18px 40px #00000073}.cc-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(75% 75% at 50% 42%,transparent 55%,rgba(4,8,18,.55) 100%);pointer-events:none}.cc-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cc-wardrobe{display:flex;justify-content:center;gap:8px;max-width:340px;margin:14px auto 8px}.cc-part{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 4px 7px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:#94a3b80f;cursor:pointer;transition:transform .1s ease,border-color .12s ease,background .12s ease}.cc-part:hover{transform:translateY(-2px);background:#94a3b81a}.cc-part:focus-visible{outline:2px solid #cfe0ff;outline-offset:2px}.cc-part.on{border-color:#cfe0ff;background:#81b0ff29;transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.cc-part-coin{width:26px;height:26px;border-radius:50%;background:var(--tone);box-shadow:inset 0 2px 3px #ffffff73,inset 0 -3px 5px #0000004d,0 2px 5px #0006;outline:2px solid rgba(255,255,255,.16)}.cc-part-name{font-size:11px;font-weight:700;color:#9fb0c8;white-space:nowrap}.cc-part.on .cc-part-name{color:#eef3fa}.cc-palette{margin:6px 0 4px}.cc-grouphead{display:flex;align-items:center;gap:8px;max-width:300px;margin:0 auto 9px;padding:0 2px}.cc-palette-for{color:#cfe0ff;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cc-picked{color:#eef3fa;font-size:13px;font-weight:700}.cc-random{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9px;border:1px solid rgba(148,163,184,.28);background:#94a3b814;color:#cbd6e6;font-size:12px;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.cc-random:hover{background:#94a3b829;border-color:#cfe0ff80;color:#eef3fa}.cc-random:focus-visible{outline:2px solid #cfe0ff;outline-offset:2px}.cc-random .cc-dice{display:inline-block;font-size:15px;line-height:1}.cc-random.spin .cc-dice{animation:cc-dice-spin .42s ease}@keyframes cc-dice-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cc-stage.pop{animation:cc-stage-pop .35s ease}@keyframes cc-stage-pop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}.cc-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto;max-width:300px}.cc-swatch{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;padding:0;position:relative;background:var(--tone);box-shadow:inset 0 2px 3px #ffffff73,inset 0 -3px 5px #0000004d,0 3px 7px #0006;outline:2px solid rgba(255,255,255,.18);outline-offset:0;transition:transform .1s ease,outline-color .1s ease,box-shadow .1s ease}.cc-swatch:hover{transform:translateY(-2px) scale(1.06)}.cc-swatch:focus-visible{outline:2px solid #cfe0ff}.cc-swatch.on{transform:translateY(-2px) scale(1.12);outline:3px solid #f8fafc;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -3px 5px #0000004d,0 0 0 5px #81b0ff47,0 5px 12px #00000073}.cc-swatch.on:after{content:"";position:absolute;left:50%;top:46%;width:8px;height:13px;transform:translate(-50%,-50%) rotate(45deg);border:solid rgba(255,255,255,.95);border-width:0 3px 3px 0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.cc-start{width:100%;margin-top:2px}@media (max-height: 820px){.cc-stage{max-height:200px}.cc-wardrobe{margin-top:10px}}@media (max-height: 620px){.cc-stage{max-height:150px;margin-top:8px}.charcreate-panel{padding-top:20px;padding-bottom:18px}}@media (max-width: 400px){.charcreate-panel{padding-left:18px;padding-right:18px}.cc-wardrobe{gap:6px}.cc-part{padding:8px 2px 6px}.cc-random .cc-random-label{display:none}.cc-random{padding:3px 8px}}@media (prefers-reduced-motion: reduce){.cc-random.spin .cc-dice,.cc-stage.pop{animation:none}.cc-part,.cc-swatch,.cc-random{transition:none}.cc-part:hover,.cc-swatch:hover{transform:none}}.cc-start{width:100%}