:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18231d;background:#20342d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{min-height:46px;border:0;border-radius:8px;color:#18231d;background:#e4e9e1;box-shadow:0 3px #202a1d29;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.42;cursor:not-allowed}button.primary{color:#fffdf5;background:#bd513d}input{width:100%;min-height:49px;border:1px solid rgba(36,51,34,.2);border-radius:8px;padding:0 14px;color:#18231d;background:#fffef8;outline:none}input:focus{border-color:#4b7048;box-shadow:0 0 0 3px #4b70482e}h1,h2,p{margin-top:0}.app{min-height:100vh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#203b33}.season-summer{background:#34432e}.season-fall{background:#493c30}.season-winter{background:#334650}.phone-shell{width:min(100%,900px);min-height:100vh;margin:0 auto;overflow:hidden;background:#f4f6f1}.phone-shell.playing{position:relative;width:min(100%,720px);height:100svh;min-height:520px;padding:0;background:#4f8e3c}.home-screen{min-height:100vh;background:#f4f6f1}.home-visual{position:relative;isolation:isolate;height:clamp(260px,36svh,350px);overflow:hidden;color:#fffdf4;background:#4f8d43}.home-visual .camp-scene{position:absolute;inset:0;width:100%;height:100%;margin:0}.home-visual .scene-vignette{box-shadow:inset 0 76px 70px #1730232e,inset 0 -140px 100px #12251b85}.home-brand{position:absolute;z-index:4;left:18px;bottom:22px;max-width:calc(100% - 36px);text-shadow:0 2px 14px rgba(18,37,27,.42)}.brand-mark{display:grid;width:44px;height:44px;margin-bottom:12px;border:1px solid rgba(255,255,255,.46);border-radius:50%;color:#244c35;background:#fffdf4e6;box-shadow:0 8px 24px #182c1e33;place-items:center}.home-brand p{margin-bottom:5px;font-size:.72rem;font-weight:900;text-transform:uppercase}.home-brand h1{margin-bottom:0;font-size:2.15rem;line-height:1;letter-spacing:0}.connection-badge{position:absolute;z-index:5;top:14px;right:14px;display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid rgba(255,255,255,.48);border-radius:999px;padding:0 10px;color:#24442f;background:#fafbf3e0;box-shadow:0 6px 20px #162a1c29;font-size:.72rem;font-weight:900;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connection-badge.reconnecting,.connection-badge.offline{color:#8a3b2d}.home-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:16px;border-bottom:1px solid rgba(35,53,39,.12);background:#fffef8}.home-actions label,.manual-join label{display:grid;min-width:0;gap:7px;color:#526158;font-size:.75rem;font-weight:900;text-transform:uppercase}.create-camp{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:148px;padding:0 16px;font-weight:900}.camp-board{padding:18px 16px 20px}.board-header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.eyebrow{margin:0 0 4px;color:#718077;font-size:.7rem;font-weight:900;text-transform:uppercase}.board-header h2{margin-bottom:0;font-size:1.28rem;line-height:1.1}.live-count{display:inline-flex;align-items:center;gap:6px;min-height:32px;border-radius:999px;padding:0 10px;color:#315d3c;background:#e2ecdf;font-size:.72rem;font-weight:900}.camp-list{display:grid;gap:9px}.camp-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-width:0;border:1px solid rgba(37,56,41,.13);border-radius:8px;padding:10px;background:#fffef9;box-shadow:0 5px 18px #2539290f}.camp-emblem{display:grid;width:42px;height:42px;border-radius:8px;color:#5b6333;background:#edf0c9;place-items:center}.camp-copy{min-width:0}.camp-copy strong,.camp-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camp-copy strong{font-size:.88rem}.camp-copy span{margin-top:3px;color:#738078;font-size:.72rem;font-weight:800}.camp-players{display:inline-flex;align-items:center;gap:4px;color:#54645a;font-size:.72rem;font-weight:900;white-space:nowrap}.join-camp{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:0 11px;color:#fffdf4;background:#426643;font-size:.78rem;font-weight:900}.empty-camps{display:grid;justify-items:center;gap:8px;min-height:92px;border:1px dashed rgba(55,78,59,.25);border-radius:8px;padding:18px;color:#718077;background:#ffffff6b}.empty-camps p{margin-bottom:0;font-size:.84rem;font-weight:800}.manual-join{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:16px;border-top:1px solid rgba(35,53,39,.1);background:#e8ede6}.manual-join button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:138px;padding:0 14px;font-weight:900}.error{margin:12px 16px 18px;border-radius:8px;padding:10px 12px;color:#fffdf1;background:#8a3b2d}.camp-scene{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(300px,43svh,390px);background:#6ca64a;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #17201629}.camp-scene.preview{touch-action:pan-y}.camp-scene.interactive{width:100%;height:100%;margin:0;touch-action:none}.camp-viewport,.camp-canvas,.scene-vignette{position:absolute;inset:0;width:100%;height:100%}.camp-canvas{display:block}.scene-vignette{z-index:2;pointer-events:none;box-shadow:inset 0 18px 32px #1f382b14,inset 0 -42px 58px #182a1f26}.camp-viewport.webgl-unavailable{background:#6ca64a}.exploration-panel{position:relative;width:100%;height:100%;overflow:hidden}.exploration-panel .camp-scene{position:absolute;inset:0;height:100%}.world-hud{position:absolute;z-index:5;top:calc(12px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;gap:8px;pointer-events:none}.world-chip,.icon-button{min-height:42px;border:1px solid rgba(255,255,255,.45);border-radius:8px;color:#1e2b20;background:#f9faf1e0;box-shadow:0 5px 18px #172d1e29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.world-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;font-size:.78rem;font-weight:900}.room-code{margin-left:auto}.icon-button{display:grid;width:42px;padding:0;place-items:center;pointer-events:auto}.connection-state.reconnecting,.connection-state.offline{color:#8a3b2d}.lobby-control{position:absolute;z-index:6;right:18px;bottom:calc(22px + env(safe-area-inset-bottom));display:flex;justify-content:flex-end;max-width:calc(100% - 174px);pointer-events:none}.start-camp,.waiting-host{min-height:48px;border:1px solid rgba(255,255,255,.46);border-radius:9px;box-shadow:0 8px 28px #162a1c38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.start-camp{display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-weight:900;pointer-events:auto}.waiting-host{display:inline-flex;align-items:center;padding:0 14px;color:#233a2a;background:#f9faf1e6;font-size:.78rem;font-weight:900;text-align:center}.connection-notice{position:absolute;z-index:7;top:calc(68px + env(safe-area-inset-top));left:50%;display:inline-flex;align-items:center;gap:8px;min-height:42px;border:1px solid rgba(255,255,255,.48);border-radius:999px;padding:0 14px;color:#7d3428;background:#fff8ebf0;box-shadow:0 8px 28px #162a1c33;font-size:.78rem;font-weight:900;pointer-events:none;transform:translate(-50%);white-space:nowrap}.world-error{position:absolute;z-index:8;right:18px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:min(300px,calc(100% - 36px));margin:0;border-radius:8px;padding:10px 12px;color:#8a2f24;background:#ffefe2f2;box-shadow:0 8px 24px #4419142e;font-size:.78rem;font-weight:800}.movement-pad{position:absolute;z-index:6;bottom:calc(22px + env(safe-area-inset-bottom));left:22px;width:116px;height:116px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:#192d1f33;box-shadow:inset 0 0 28px #ffffff1a,0 10px 30px #162a1c2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;user-select:none;-webkit-user-select:none}.movement-ring{position:absolute;inset:28px;border:1px solid rgba(255,255,255,.3);border-radius:50%;pointer-events:none}.movement-knob{position:absolute;top:50%;left:50%;width:48px;height:48px;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:#f7faefe6;box-shadow:0 6px 16px #162a1c47;transform:translate(-50%,-50%);pointer-events:none}@media(max-width:520px){.home-actions,.manual-join{grid-template-columns:minmax(0,1fr) 136px}.create-camp,.manual-join button{min-width:0;padding-inline:10px}.camp-row{grid-template-columns:40px minmax(0,1fr) auto auto;gap:7px;padding:9px}.camp-emblem{width:40px;height:40px}.join-camp{padding-inline:9px}}@media(min-width:700px){.camp-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-actions,.camp-board,.manual-join{padding-right:24px;padding-left:24px}}@media(min-width:920px){.phone-shell.home{min-height:calc(100vh - 32px);margin-top:16px;margin-bottom:16px;border-radius:8px;box-shadow:0 24px 80px #00000059}.phone-shell.home .home-screen{min-height:calc(100vh - 32px)}}@media(min-width:760px){.phone-shell.playing{height:100svh;min-height:580px;margin-top:0;margin-bottom:0;border-radius:8px;box-shadow:0 24px 80px #0006}}