@font-face{font-family:Kenney Pixel Square;src:url(/fonts/kenney-pixel-square.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;font-family:Kenney Pixel Square,ui-monospace,monospace;--ink: #080a0f;--panel: rgba(16, 16, 22, .94);--panel-soft: rgba(24, 23, 29, .84);--bone: #e7d9ba;--muted: #998e7c;--gold: #d99b4a;--ember: #e8673f;--blood: #9b3040;--green: #758c62}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 35%,rgba(57,44,46,.36),transparent 38%),linear-gradient(145deg,#15131a,#07080d 68%,#050609);color:var(--bone)}button,input{font:inherit}button{color:inherit}#game-stage,#game-container{position:absolute;inset:0}#game-container canvas{image-rendering:pixelated;display:block}#vignette,#grain{position:absolute;inset:0;pointer-events:none;z-index:5}#vignette{background:radial-gradient(circle at center,transparent 22%,rgba(2,4,8,.18) 54%,rgba(1,2,5,.86) 100%)}#grain{opacity:.13;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px),repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,255,255,.018) 6px);mix-blend-mode:overlay}[hidden]{display:none!important}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:linear-gradient(#05060a94,#05060ad1),radial-gradient(circle at 50% 30%,rgba(112,65,50,.26),transparent 44%)}.lobby-card{position:relative;width:min(820px,100%);max-height:94vh;overflow:auto;padding:34px 38px 30px;border:1px solid #56473b;outline:4px solid rgba(6,7,11,.9);background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(150deg,#241e20fa,#0b0c11fa);box-shadow:0 34px 90px #000,inset 0 0 70px #0000008c}.lobby-card:before,.lobby-card:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--gold);opacity:.6}.lobby-card:before{left:9px;top:9px;border-right:0;border-bottom:0}.lobby-card:after{right:9px;bottom:9px;border-left:0;border-top:0}.eyebrow{display:flex;align-items:center;gap:12px;color:#9e8060;font-size:10px;letter-spacing:2px;text-align:center}.eyebrow span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#685344)}.eyebrow span:last-child{background:linear-gradient(90deg,#685344,transparent)}.brand-row{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0 28px}.brand-rune{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border:2px solid #9d6b3f;outline:1px solid #3f3029;transform:rotate(45deg);color:var(--gold);background:radial-gradient(circle,#b25e303d,#00000059);text-shadow:0 0 18px #e96d37;font-size:32px}.brand-rune:first-letter{transform:rotate(-45deg)}.brand-rune{line-height:1}.brand-rune{text-indent:1px}.brand-rune{--r: -45deg}.brand-rune{animation:rune-pulse 3s ease-in-out infinite}@keyframes rune-pulse{50%{box-shadow:0 0 24px #df5d3038}}h1{margin:0;font-size:clamp(34px,6vw,62px);line-height:.9;letter-spacing:5px;color:#f0dfbd;text-shadow:3px 4px 0 #2c1b1a,0 0 32px rgba(224,116,58,.2)}.tagline{margin:12px 0 0;color:#ae9f8c;font-size:12px;letter-spacing:.8px}#join-form{max-width:620px;margin:0 auto}.field-label{display:block;margin:0 0 7px;color:#a89071;font-size:10px;letter-spacing:1.6px}input{width:100%;border:1px solid #53463b;outline:0;padding:13px 15px;color:#efe0c3;background:#050609b8;box-shadow:inset 0 2px 10px #000;font-size:13px}input:focus{border-color:#ae7447;box-shadow:inset 0 2px 10px #000,0 0 0 2px #ae74471f}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mode-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid #433a34;padding:13px 15px;cursor:pointer;background:#07080b8f;text-align:left}.mode-tab strong{color:#b6a68f;font-size:11px;letter-spacing:1px}.mode-tab small{color:#70685f;font-size:9px}.mode-tab.active{border-color:#a66b43;background:linear-gradient(110deg,#85482b42,#0d0d11ad)}.mode-tab.active:after{content:"";position:absolute;inset:auto 14px -1px;height:2px;background:var(--ember);box-shadow:0 0 8px var(--ember)}.mode-tab.active strong{color:#efca98}.seed-row{display:grid;grid-template-columns:1fr 43px;gap:8px}.square-button{border:1px solid #59473a;background:#1c1717;cursor:pointer;font-size:20px;color:var(--gold)}.field-help{margin:7px 0 14px;color:#766e64;font-size:9px;line-height:1.5}.enter-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:18px;border:1px solid #be7544;padding:15px 18px;cursor:pointer;color:#ffe2b0;background:linear-gradient(90deg,#6f2d27,#9b4a2e 55%,#693126);box-shadow:inset 0 0 0 2px #0e0809a8,0 8px 20px #00000059;letter-spacing:2px;font-size:12px}.enter-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.enter-button:disabled{opacity:.55;cursor:wait}.enter-button span:last-child{font-size:24px;line-height:10px}.form-error{min-height:15px;margin:7px 0 0;color:#e77b72;font-size:10px;text-align:center}.lobby-footer{max-width:620px;margin:18px auto 0}.rule-card{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:9px 0;border-top:1px solid rgba(121,97,75,.22);font-size:9px;line-height:1.55}.rule-card b{color:#b18b63;letter-spacing:.7px}.rule-card span{color:#726b64}.controls-card{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;color:#776f65;font-size:8px}kbd{display:inline-block;min-width:25px;border:1px solid #584b40;padding:3px 5px;margin-right:4px;color:#c1ad91;background:#151317;box-shadow:0 2px #050506;text-align:center}#hud{position:absolute;inset:0;z-index:10;pointer-events:none}.hud-panel{position:absolute;top:18px;border:1px solid rgba(116,91,69,.75);padding:12px 14px;background:linear-gradient(140deg,#1b171aeb,#08090de8);box-shadow:0 8px 24px #0000006b,inset 0 0 28px #00000047}.status-panel{left:18px;width:310px}.instance-panel{right:18px;width:310px}.hud-kicker{display:flex;justify-content:space-between;margin-bottom:9px;color:#a18464;font-size:8px;letter-spacing:1.2px}.health-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.health-track{height:10px;border:1px solid #4b3734;padding:2px;background:#09090c}#health-fill{height:100%;width:100%;background:linear-gradient(90deg,#7a2839,#d05045);box-shadow:0 0 8px #de443c73;transition:width .16s}#health-label{color:#b8a791;font-size:8px}.status-row{display:flex;gap:17px;margin-top:10px;color:#736c65;font-size:8px}.status-row b{color:#d6c09d}.instance-panel>strong{display:block;color:#dcc19a;font-size:12px;letter-spacing:1px}.omen-label{display:block;min-height:25px;margin-top:7px;color:#8e7766;font-size:8px;line-height:1.5}.instance-actions{display:flex;gap:7px;margin-top:8px;pointer-events:auto}.instance-actions button{flex:1;border:1px solid #57483c;padding:6px;cursor:pointer;color:#a99378;background:#151317;font-size:7px}.instance-actions button:hover{color:#f0cc9b;border-color:#9c663f}.announcement{position:absolute;top:22px;left:50%;width:min(440px,34vw);transform:translate(-50%,-12px);opacity:0;padding:9px 15px;border-top:1px solid rgba(196,127,70,.46);border-bottom:1px solid rgba(196,127,70,.46);color:#e7c796;background:linear-gradient(90deg,transparent,rgba(24,15,17,.92) 20%,rgba(24,15,17,.92) 80%,transparent);text-align:center;font-size:9px;transition:.28s ease}.announcement.show{transform:translate(-50%);opacity:1}#tool-dock{position:absolute;bottom:20px;left:50%;display:grid;grid-template-columns:repeat(4,minmax(132px,170px));gap:6px;transform:translate(-50%);pointer-events:auto}.tool-slot{position:relative;display:grid;grid-template-columns:24px 35px 1fr;align-items:center;min-height:52px;border:1px solid rgba(112,88,68,.78);padding:6px 8px 6px 5px;overflow:hidden;cursor:crosshair;color:#b9a589;background:linear-gradient(145deg,#1a1617f5,#08090cf0);text-align:left}.tool-slot:hover{border-color:#bc7747;color:#efd0a1;transform:translateY(-2px)}.tool-slot img{width:32px;height:32px;image-rendering:pixelated}.tool-slot b,.tool-slot small{display:block}.tool-slot b{font-size:7px;letter-spacing:.5px}.tool-slot small{margin-top:4px;color:#746d63;font-size:6px}.tool-key{color:#9a7758;font-size:9px;text-align:center}.tool-slot i{position:absolute;inset:auto 0 0;height:2px;width:0%;background:var(--ember);box-shadow:0 0 8px var(--ember);transition:width .05s linear}.tool-slot.cooldown{filter:saturate(.35)}#interaction-prompt{position:absolute;bottom:86px;left:50%;transform:translate(-50%);min-height:18px;color:#d8c5a6;text-shadow:0 2px 5px #000;font-size:9px}#downed-panel{position:absolute;left:50%;top:50%;width:min(500px,80vw);transform:translate(-50%,-50%);border:1px solid #793240;padding:22px;color:#d77b75;background:#18070de6;text-align:center;box-shadow:0 0 80px #7e182c59}#downed-panel strong,#downed-panel span{display:block}#downed-panel strong{margin-bottom:10px;font-size:20px;letter-spacing:3px}#downed-panel span{color:#a06f6f;font-size:9px}.connection-overlay{position:absolute;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:16px;background:#030407d1;color:#bba78d;font-size:10px;letter-spacing:1px}.spinner{width:34px;height:34px;border:2px solid #42372f;border-top-color:var(--ember);transform:rotate(45deg);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(405deg)}}#toast{position:absolute;z-index:40;left:50%;bottom:100px;transform:translate(-50%,10px);opacity:0;padding:9px 14px;border:1px solid #68503d;color:#e4c99f;background:#0f0c0ff2;font-size:8px;transition:.22s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:900px){.lobby-card{padding:26px 22px}.brand-rune{width:58px;height:58px;flex-basis:58px}.rule-card{grid-template-columns:1fr;gap:3px}#tool-dock{width:calc(100% - 20px);grid-template-columns:repeat(4,1fr);bottom:10px}.tool-slot{grid-template-columns:20px 28px 1fr;min-width:0;padding-right:3px}.tool-slot img{width:26px;height:26px}.tool-slot small{display:none}.hud-panel{top:8px;transform:scale(.86)}.status-panel{left:-14px;transform-origin:top left}.instance-panel{right:-14px;transform-origin:top right}}@media(max-width:650px){.overlay{padding:8px}.lobby-card{max-height:98vh}.brand-row{justify-content:flex-start}h1{font-size:34px}.tagline{font-size:9px}.mode-tabs{grid-template-columns:1fr}.instance-panel{display:none}#tool-dock{grid-template-columns:repeat(2,1fr)}#interaction-prompt{bottom:128px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}