:root{--sky: #76b5d7;--cream: #f6edda;--paper: #f3e6c8;--marigold: #e4a94a;--coral: #c96f5b;--teal: #668d7b;--leaf: #4d9070;--ink: #3c382f;--ink-soft: #6a6356;--rule: rgba(60, 56, 47, .12);--shadow: 0 14px 34px rgba(62, 48, 28, .16);--serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--sans: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:var(--sky);color:var(--ink)}body{font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.app{position:relative;width:100%;height:100%}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hud button,.hud .card,.hud .icon-btn{pointer-events:auto}.paper{background:radial-gradient(rgba(120,90,50,.045) .7px,transparent .7px),linear-gradient(180deg,#f7eedc,#f0e1c0);background-size:3px 3px,100% 100%;color:var(--ink);box-shadow:var(--shadow);border:1px solid rgba(80,60,40,.1)}.brand{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;transform:rotate(-1.1deg)}.brand-mark{width:38px;height:38px;flex:none;filter:drop-shadow(0 4px 8px rgba(80,60,30,.18))}.brand h1{margin:0;font-family:var(--serif);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:650;letter-spacing:-.03em;line-height:.95}.brand p{margin:2px 0 0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.toolbar{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;gap:8px;transform:rotate(1deg)}.icon-btn{min-width:44px;min-height:44px;border:1px solid rgba(80,60,40,.12);border-radius:999px;background:var(--cream);color:var(--ink);box-shadow:0 8px 18px #3c2d191f}.icon-btn:hover,.icon-btn:focus-visible{outline:2px solid var(--marigold);outline-offset:2px}.room-card,.discover-card{position:absolute;width:min(240px,calc(100vw - 28px));padding:14px 16px 15px;border-radius:4px 5px 4px 6px}.room-card{top:86px;left:max(16px,env(safe-area-inset-left));transform:rotate(-.8deg)}.discover-card{top:86px;right:max(16px,env(safe-area-inset-right));transform:rotate(1.15deg)}.card-kicker{margin:0 0 4px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.card-title{margin:0;font-family:var(--serif);font-size:1.05rem;font-weight:620}.visitor-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px}.visitor-count{font-family:var(--serif);font-size:1.55rem;line-height:1}.status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--ink-soft)}.dot{width:8px;height:8px;border-radius:50%;background:#b7a48a}.dot.on{background:var(--leaf);box-shadow:0 0 0 4px #4d90701f}.copy-btn,.primary-btn,.text-btn{border:0;border-radius:999px}.copy-btn,.primary-btn{margin-top:12px;width:100%;min-height:40px;background:var(--ink);color:var(--cream);letter-spacing:.04em}.copy-btn:hover,.primary-btn:hover,.copy-btn:focus-visible,.primary-btn:focus-visible{background:#2a261f;outline:2px solid var(--marigold);outline-offset:2px}.found-row{display:flex;align-items:flex-end;justify-content:space-between;margin:6px 0 8px}.found-count{font-family:var(--serif);font-size:2.15rem;line-height:.85}.found-hint{margin:0;max-width:9rem;font-size:.78rem;line-height:1.35;color:var(--ink-soft);text-align:right}.progress{height:6px;border-radius:999px;background:#3c382f1a;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--marigold),#efc56a);transform-origin:left}.note{margin:10px 0 0;font-size:.78rem;font-style:italic;color:var(--teal)}.controls-hint{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;transform:rotate(-.5deg)}.key{min-width:34px;height:28px;padding:0 8px;display:inline-grid;place-items:center;border-radius:5px;background:#f6eddae0;border:1px solid rgba(60,56,47,.12);font-size:.72rem;letter-spacing:.06em}.overlay,.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#76b5d72e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.title-card,.panel{width:min(460px,100%);padding:28px 28px 24px;border-radius:6px;transform:rotate(-.4deg)}.title-card h2,.panel h2{margin:8px 0;font-family:var(--serif);font-size:clamp(2rem,6vw,3rem);line-height:.92;letter-spacing:-.03em}.lede{margin:0 0 18px;font-size:1rem;line-height:1.5;color:var(--ink-soft)}.panel p,.field-copy p{margin:0 0 12px;line-height:1.55;color:var(--ink-soft)}.field-copy p:first-child{font-family:var(--serif);font-size:1.35rem;color:var(--ink)}.text-btn{background:transparent;color:var(--ink);min-height:40px;padding:0 8px;text-decoration:underline;text-underline-offset:3px}.touch{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.joystick{pointer-events:auto;position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:118px;height:118px;border-radius:50%;background:#f6edda59;border:1px solid rgba(60,56,47,.12);touch-action:none}.joystick-knob{position:absolute;width:48px;height:48px;border-radius:50%;background:#f6eddaeb;box-shadow:0 6px 14px #281e1029;left:35px;top:35px}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:780px){.room-card,.discover-card{width:min(176px,calc(50vw - 18px));padding:11px 12px}.visitor-count,.found-count{font-size:1.45rem}.found-hint,.desktop-only{display:none}.mobile-only{display:block}.controls-hint{display:none}}@media(prefers-reduced-motion:reduce){.overlay,.title-screen{-webkit-backdrop-filter:none;backdrop-filter:none}.brand,.toolbar,.room-card,.discover-card,.title-card,.panel,.controls-hint{transform:none}}