*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1b1d2a;font-family:system-ui,sans-serif;color:#eee}#game{position:fixed;top:0;right:0;bottom:0;left:0}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.hidden{display:none!important}button{font:inherit;cursor:pointer;border:1px solid #556;background:#2c3044;color:#eee;border-radius:6px;padding:4px 10px}button:hover{background:#3a4060}button.primary{background:#6a4cff;border-color:#8a72ff;padding:8px 16px}input{font:inherit;background:#11131c;color:#eee;border:1px solid #445;border-radius:6px;padding:6px 8px}.panel{background:#1e2130ee;border:1px solid #3c4160;border-radius:12px;padding:16px;box-shadow:0 8px 30px #0008}.title-panel,.dive-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:12px;width:min(420px,calc(100vw - 32px));text-align:center}.title-panel h1{margin:0;font-size:42px;letter-spacing:2px}.sub{margin:-8px 0 0;color:#99a}.title-panel label{display:flex;gap:8px;align-items:center;justify-content:center}.starters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.starter{padding:4px}.starter img{width:48px;height:48px;image-rendering:pixelated;display:block;margin:auto}.starter.on{border-color:#ffd34d;background:#3c3a20}.error{color:#ff7070;min-height:1em;margin:0}.credit{font-size:11px;color:#778;margin:0}.dive-dialog .row{display:flex;gap:8px}.dive-dialog .row input{flex:1}.hud-top{position:absolute;top:12px;left:12px;display:flex;gap:10px;align-items:center;background:#0009;padding:8px 12px;border-radius:10px}#hud-portrait{width:48px;height:48px;image-rendering:pixelated;border-radius:6px;border:2px solid #ffd34d}.hud-info{width:200px}#hud-name small{color:#aab}.hpbar{position:relative;height:14px;background:#300;border-radius:4px;overflow:hidden;margin:4px 0}#hud-hp{height:100%;background:linear-gradient(#5f5,#2a2);transition:width .15s}#hud-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;text-align:center;line-height:14px}.xpbar{height:4px;background:#223;border-radius:2px}#hud-xp{height:100%;background:#6af}#hud-floor{font-size:22px;font-weight:700;color:#ffd34d;min-width:60px;text-align:center}.party{position:absolute;top:12px;right:12px;background:#0009;padding:8px 12px;border-radius:10px;font-size:13px}#toasts{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#000c;padding:6px 14px;border-radius:8px;animation:fade 2.6s forwards}.toast span{text-transform:capitalize}@keyframes fade{0%,80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.chat{position:absolute;left:12px;bottom:36px;width:min(360px,calc(100vw - 24px))}#chat-log{max-height:160px;overflow-y:auto;font-size:13px;background:#0007;border-radius:8px 8px 0 0;padding:6px 8px}#chat-log:empty{display:none}#chat-input{width:100%;background:#000a}.help{position:absolute;bottom:8px;left:12px;font-size:11px;color:#aab;pointer-events:none}.inv{position:absolute;right:12px;top:60px;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 80px);overflow-y:auto}.inv h2,.inv h3{margin:0 0 8px}.stats{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#aab;margin-bottom:10px}.stats b{color:#fff}.slots{display:grid;gap:6px;margin-bottom:12px}.slot,.item{background:#0005;border-radius:8px;padding:6px 8px;font-size:13px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.slot span{text-transform:capitalize;color:#889;width:70px}.slot small,.item small,.item div{color:#aab}.item div{width:100%}.bag{display:grid;gap:6px}.r-common{color:#ddd}.r-uncommon{color:#4cd964}.r-rare{color:#4aa8ff}.r-epic{color:#c06bff}.r-legendary{color:#ffb020}.skillbar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:8px}.skill{position:relative;width:110px;height:54px;border-radius:10px;background:#000b;border:2px solid var(--c, #445);padding:4px 8px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;font-size:12px}.skill.empty{opacity:.4}.skill kbd{position:absolute;top:2px;right:6px;font-size:10px;color:#aab}.skill small{color:#aab;font-size:10px}.skill .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#000a;pointer-events:none}.disc-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--c, #888);border:2px solid #fff;vertical-align:middle;box-shadow:inset 0 0 0 3px #0003}.item.tm{border-left:3px solid var(--c)}.slot-label{margin-left:auto}.badge{background:linear-gradient(90deg,#ffd34d,#ff8ad8,#7cf0ff);color:#111;border-radius:6px;padding:0 6px;font-size:10px;font-weight:700}.burner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:10px}.burner h2,.burner h3{margin:0}.tabs{display:flex;gap:6px}.tabs .on{background:#6a4cff;border-color:#8a72ff}.tabs .close{margin-left:auto}.burn-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.burn-slot{flex:1;background:#0005;border:2px solid var(--c, #445);border-radius:8px;padding:10px;font-size:13px;min-height:42px}.burn-slot.empty{color:#778;border-style:dashed}.plus{font-size:22px;color:#ff7a30}.preview{background:#0005;border-radius:8px;padding:8px 10px;font-size:13px}.preview.unknown{border:1px dashed #ff7a30;color:#ffcf9a}.preview div,.result div{color:#aab;margin-top:2px}.hint{margin:0;color:#889;font-size:13px}.result{background:#0006;border:2px solid var(--c);border-radius:10px;padding:10px;font-size:14px}.result.first{box-shadow:0 0 24px #ffd34d66}.banner{font-weight:800;letter-spacing:2px;color:#ffd34d;margin-bottom:4px}.disc-dot.big{width:18px;height:18px}.forge{position:relative;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.forge-disc{position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid #fff;box-shadow:inset 0 0 0 14px #0004,0 0 16px currentColor}.forge-disc:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:#1b1d2a}.forge-disc.left{background:var(--a);color:var(--a);animation:forge-in-left 1.3s cubic-bezier(.6,0,.9,.6) forwards}.forge-disc.right{background:var(--b);color:var(--b);animation:forge-in-right 1.3s cubic-bezier(.6,0,.9,.6) forwards}@keyframes forge-in-left{0%{transform:translate(-170px) rotate(0)}85%{opacity:1}to{transform:translate(0) rotate(900deg) scale(.3);opacity:0}}@keyframes forge-in-right{0%{transform:translate(170px) rotate(0)}85%{opacity:1}to{transform:translate(0) rotate(-900deg) scale(.3);opacity:0}}.forge-core{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,var(--a) 45%,var(--b) 70%,transparent 72%);opacity:0;animation:forge-core 1s 1.15s ease-in-out infinite}@keyframes forge-core{0%{opacity:.6;transform:scale(.7) rotate(0);filter:blur(0)}50%{opacity:1;transform:scale(1.15) rotate(180deg);filter:blur(1px)}to{opacity:.6;transform:scale(.7) rotate(360deg);filter:blur(0)}}.forge-sparks{position:absolute;width:140px;height:140px;border-radius:50%;border:2px dashed #ff7a30;opacity:0;animation:forge-sparks 1.6s 1.15s linear infinite}@keyframes forge-sparks{0%{opacity:.7;transform:scale(.4) rotate(0)}to{opacity:0;transform:scale(1.4) rotate(120deg)}}.forge-label{text-align:center;color:#ffcf9a;margin:0;letter-spacing:2px;animation:forge-blink 1s infinite}@keyframes forge-blink{50%{opacity:.4}}.result.reveal{animation:reveal .6s cubic-bezier(.2,1.6,.4,1)}@keyframes reveal{0%{transform:scale(.6);opacity:0;filter:brightness(3)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.disc-pick{text-align:left;font-size:12px;border-left:3px solid var(--c)}.disc-pick.on{background:#4a3a20;border-color:#ffd34d}.disc-pick:disabled{opacity:.5;cursor:not-allowed}button:disabled{opacity:.5;cursor:not-allowed}.debug{position:absolute;left:12px;top:90px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.debug-toggle{background:#5a2a2a;border-color:#a55;font-size:12px}.debug-panel{display:flex;flex-direction:column;gap:4px;padding:8px}.debug-panel button{font-size:12px;text-align:left}#chat-log .system{color:#ffd34d}.relearner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:10px}.relearner h2{margin:0}.ok{color:#6dff8a;margin:0}.login-btn{display:block;padding:10px 16px;border-radius:8px;color:#fff;text-decoration:none;font-weight:600}.login-btn.discord{background:#5865f2}.login-btn.google{background:#fff;color:#222}.login-btn:hover{filter:brightness(1.1)}.char-card{display:flex;gap:12px;align-items:center;justify-content:center}.char-card img{width:56px;height:56px;image-rendering:pixelated;border:2px solid #ffd34d;border-radius:8px}.char-card div{display:flex;flex-direction:column;text-align:left}.char-card small{color:#aab}button.link{background:none;border:none;color:#889;text-decoration:underline}