@font-face{font-family:Oswald;src:url(assets/Oswald.ttf) format('truetype');font-weight:200 700;font-display:swap}
:root{--ink:#101310;--white:#e5e3d9;--lime:#dcff57;--muted:#979f98;--line:#ffffff22;--blue:#8cb9dc;--red:#d27c6b}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-family:Oswald,'Arial Narrow',sans-serif;font-weight:400;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);padding:12px 18px;font-weight:500;letter-spacing:.04em;transition:.18s}button:hover{background:#ffffff0d;border-color:#ffffff60}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:disabled{opacity:.35;cursor:default}.primary{color:#12160b;background:var(--lime);border-color:var(--lime);font-size:20px;font-weight:600}.primary:hover{background:#e6ff89;border-color:#e6ff89}.primary span{float:right}h1,h2,h3,p{margin:0}h2{font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-.015em;margin:18px 0 26px}h3{font-size:23px;font-weight:500}p{line-height:1.6}#world{position:fixed;inset:0;background:linear-gradient(90deg,#0c100ff2 0%,#0c100fe6 22%,#11171155 58%,#08101015 100%),url(assets/panelki-menu.png) center/cover;background-color:#28302b;transform:scale(1.025);animation:drift 35s ease-in-out infinite alternate}body.inner #world{filter:blur(5px);opacity:.48}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h130v130H0z'/%3E%3C/svg%3E")}#shell{position:relative;height:100dvh;padding:28px 4.3vw 22px;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:flex-start;min-height:60px;z-index:2}.wordmark{border:0;padding:0;font-size:21px;line-height:.98;transform:skewY(-5deg);text-align:left;font-weight:700}.wordmark span,.wordmark strong{display:block}.wordmark strong{font-size:31px}.account{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.08em}.account button{padding:8px 12px}.status-dot{width:5px;height:5px;border-radius:100%;background:var(--lime);box-shadow:0 0 9px var(--lime)}.screen{display:none;flex:1;min-height:0}.screen.active{display:block;animation:arrive .25s ease-out}#menu.active{display:flex;justify-content:space-between;align-items:center}.menu-stack{width:330px;padding-bottom:12px}.eyebrow{font-size:12px;letter-spacing:.19em;color:#d1d1ba}.menu-stack h1{font-size:clamp(43px,5vw,74px);line-height:1.03;letter-spacing:-.03em;font-weight:700;transform:skewY(-5deg);margin:18px 0 33px;text-shadow:2px 2px #222}.menu-stack h1 span{font-size:1.37em}.menu-stack nav{display:flex;flex-direction:column;gap:0}.menu-stack nav button{text-align:left;border:0;border-bottom:1px solid #ffffff09;width:260px;padding:10px 18px;font-size:19px;letter-spacing:.06em}.menu-stack nav .play{font-size:25px;margin-bottom:8px;padding:12px 18px;box-shadow:0 0 28px #dfff471d;background:linear-gradient(90deg,var(--lime) 65%,#a3bc4055)}.handwritten{font-family:cursive;font-style:italic;transform:rotate(-6deg);font-size:23px;line-height:1.1;color:#b0b0a4;margin:30px 0 0}.map-caption{align-self:flex-end;margin:0 2vw 8vh;text-align:left;border-left:2px solid var(--lime);padding-left:20px;text-shadow:0 2px 15px #000}.map-caption span{letter-spacing:.2em;font-size:13px}.map-caption p{font-size:36px;line-height:1.2;margin:12px 0 15px}.map-caption small{letter-spacing:.13em;font-size:11px;color:#dbdfd0}footer{display:flex;justify-content:space-between;font-size:10px;color:#858e86;letter-spacing:.12em;padding-top:14px}.panel-screen{max-width:1100px;width:100%;margin:16px auto 0;background:linear-gradient(120deg,#101410f0,#111610d9);border:1px solid var(--line);padding:24px 34px;overflow:auto}.section-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.16em}.back{font-size:12px;border:0;padding:0;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{flex:1;border:0;font-size:15px;padding:13px 8px}.tabs .selected{background:var(--lime);color:var(--ink)}.tab-content{display:none}.tab-content.active{display:grid;grid-template-columns:1fr 1fr;gap:35px}.quick-art,.map-preview>div,.lobby-map-art{background:url(assets/panelki-menu.png) center/cover;min-height:250px;position:relative;border:1px solid var(--line)}.map-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0c100f);padding:50px 20px 20px;font-size:32px}.quick-info{display:flex;flex-direction:column;justify-content:center;gap:20px}.quick-info h3{font-size:36px;line-height:1.15}.quick-info p{font-family:Arial,sans-serif;font-size:14px;color:#aeb6ab;line-height:1.65}.quick-info small{color:var(--muted);font-size:11px}.fields{display:flex;flex-direction:column;gap:14px}label{display:block;color:#aeb5ad;font-size:13px;letter-spacing:.05em}label small{color:#6d776e;font-size:10px;float:right}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #ffffff29;border-radius:0;background:#090d0b9e;padding:10px 12px;color:#e6eadf;outline:none;margin-top:6px;font-size:16px}select option{background:#171d17}input::placeholder{color:#596359}.toggle-label{display:flex;align-items:center;justify-content:space-between;padding:6px 0}input[type=checkbox]{accent-color:var(--lime);width:18px;height:18px}.map-preview h3{margin:18px 0 6px}.map-preview p{color:var(--muted);font-size:14px}.server-list{border-left:1px solid var(--line);padding-left:30px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.list-heading h3{font-size:17px}.list-heading span{color:var(--muted);font-size:11px}.list-heading button{padding:4px 12px}#join-code{display:flex;flex-direction:column;gap:20px}.server-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.server-row p{font-size:12px;color:var(--muted)}.server-row button{font-size:11px}.empty{padding:40px 5px;color:var(--muted);font-size:14px;line-height:1.7}.lobby-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.lobby-map-art{min-height:200px}.lobby-map h3{margin-top:12px}.lobby-map p{font-size:14px;color:var(--muted)}.invite{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.invite span{font-size:10px;color:var(--muted)}.invite strong{font-weight:400;letter-spacing:.1em;font-size:22px}.invite button{font-size:11px;padding:9px 13px}.lobby-map .muted{font-size:11px;margin-top:15px}.roster{border-left:1px solid var(--line);padding-left:30px}#players{padding:0;margin:0;list-style:none}#players li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff0b;height:34px;font-size:15px}#players .avatar{width:22px;height:22px;background:#4c5342;color:#e2e2cf;display:grid;place-items:center;font-size:11px}#players .player-status{margin-left:auto;font-size:11px;color:#81966e}#players .not-ready{color:#ba765d}#players .crown{font-size:15px;color:var(--lime)}#players .slot{color:#596159;font-size:12px}.lobby-actions{display:flex;gap:12px;margin-top:22px}.lobby-actions button{flex:1;font-size:16px}.lobby-actions button:not(.primary){background:#2b35254d}#lobby-status{font-size:12px;color:var(--muted);margin-top:12px}.narrow{max-width:740px}.narrow>label{margin:20px 0}.narrow>p{margin-bottom:20px;font-family:Arial,sans-serif;font-size:15px}.muted{color:var(--muted)}input[type=range]{padding:0;accent-color:var(--lime)}output{float:right}.controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line);margin:26px 0;padding-top:22px;color:var(--lime);font-size:12px}.controls b{font-weight:400;color:var(--muted);display:block;margin-top:3px;font-size:13px}.inventory-note{border-left:2px solid var(--lime);padding:15px;background:#bdcf5010;color:var(--muted);font:14px/1.6 Arial,sans-serif;margin-top:25px}#game{position:fixed;inset:0;display:none;background:#000}#unity-canvas{width:100%;height:100%;outline:none}body.in-game #shell,body.in-game #world,body.in-game .grain{display:none}body.in-game #game{display:block}#game-menu{position:absolute;left:20px;top:20px;background:#111b;z-index:2;font-size:12px}body.locked #game-menu{display:none}#loading{display:none;position:fixed;inset:0;z-index:20;background:linear-gradient(#080b09eb,#080b09f7),url(assets/panelki-menu.png) center/cover;align-items:center;justify-content:center;text-align:center}#loading.visible{display:flex}.loading-logo h2{font-size:70px;line-height:.99;transform:skewY(-6deg);font-weight:700;margin:18px 0 25px}.loading-logo>.crown{font-size:45px;color:#bfc0b4}.loading-logo .handwritten{color:#c04b39;font-size:21px;margin:0 0 42px}.loading-logo progress{width:360px;height:6px;appearance:none;border:1px solid #8c8e82;background:transparent}.loading-logo progress::-webkit-progress-bar{background:transparent}.loading-logo progress::-webkit-progress-value{background:#e6e6dc}.loading-logo progress::-moz-progress-bar{background:#e6e6dc}#loading-message{font-size:15px;letter-spacing:.08em;color:#989f97;margin-top:13px}#toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111d;border:1px solid #adbb9455;padding:15px 24px;z-index:40;max-width:600px;font:14px/1.5 Arial,sans-serif;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes drift{to{transform:scale(1.06) translate(-.5%,.25%)}}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-height:800px){#shell{padding-top:20px}header{min-height:48px}.menu-stack h1{font-size:52px;margin:10px 0 23px}.menu-stack nav button{padding:7px 17px}.handwritten{margin-top:24px;font-size:21px}.panel-screen{padding:20px 28px;margin-top:8px}h2{margin:14px 0 18px;font-size:32px}.lobby-map-art{min-height:160px}#players li{height:30px}.fields{gap:10px}}@media(max-width:850px){#shell{padding:20px}.panel-screen{padding:20px}.tab-content.active,.lobby-grid{grid-template-columns:1fr;gap:20px}.quick-art,.map-preview,.lobby-map-art{display:none}.server-list,.roster{padding-left:0;border-left:0}.account>span{display:none}.map-caption{display:none}.tabs button{font-size:12px}.menu-stack{width:280px}.narrow{max-width:100%}.lobby-map .invite{margin-top:10px}.lobby-map h3,.lobby-map .muted{display:none}}@media(prefers-reduced-motion:reduce){*,#world{animation:none!important;transition:none!important}}