:root{--aw-oxblood: #6b3038;--aw-gilt: #b08d4f;--aw-gilt-bright: #c9a463;--aw-ivory: #f2ead8;--aw-laylight: #fff4e2;--aw-ink: #2b241d;--aw-muted: #8a7d68;--aw-serif: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#111;font-family:Segoe UI,system-ui,sans-serif}canvas{display:block;touch-action:none}html,body{overscroll-behavior:none}.ctl-touch,body.is-touch .ctl-desktop{display:none}body.is-touch .ctl-touch{display:inline}#home-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,3.5vw,2.75rem);padding-top:calc(clamp(1.25rem,3.5vw,2.75rem) + env(safe-area-inset-top,0px));padding-right:calc(clamp(1.25rem,3.5vw,2.75rem) + env(safe-area-inset-right,0px));padding-bottom:calc(clamp(1.25rem,3.5vw,2.75rem) + env(safe-area-inset-bottom,0px));padding-left:calc(clamp(1.25rem,3.5vw,2.75rem) + env(safe-area-inset-left,0px));color:var(--aw-ivory);overflow-y:auto;-webkit-overflow-scrolling:touch}#home-overlay.hidden{display:none}#scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 18% 78%,rgba(20,10,10,.82),transparent 68%),linear-gradient(180deg,#0f080859,#0f080814 30%,#0f080880)}.home-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;flex-wrap:wrap;animation:aw-rise .7s ease both}.home-nav{display:flex;gap:.2rem;flex-wrap:wrap}.home-nav a{color:#f2ead8d9;text-decoration:none;font-size:.85rem;letter-spacing:.02em;padding:.4rem .85rem;border-radius:999px;transition:background .15s ease,color .15s ease}.home-nav a:hover{background:#ffffff1a;color:var(--aw-laylight)}.home-nav a:focus-visible{outline:2px solid var(--aw-gilt-bright);outline-offset:2px}.brand{display:flex;align-items:center;gap:.6rem}.home-header .brand{animation:none}.brand svg{width:34px;height:34px;flex:none}.brand .word{font-family:var(--aw-serif);font-size:1.05rem;letter-spacing:.14em}.brand .word b{color:var(--aw-gilt-bright);font-weight:400}.placard{max-width:min(45rem,88vw);background:linear-gradient(180deg,#f8f3e6,#f1e9d8);color:var(--aw-ink);border-radius:2px;padding:clamp(1.5rem,3.5vw,2.25rem) clamp(1.5rem,4vw,2.5rem);box-shadow:0 1.5rem 3.5rem #0a04048c,0 0 0 1px #0000000a;animation:aw-rise .8s .15s cubic-bezier(.2,.8,.2,1) both}.eyebrow-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}.eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--aw-muted)}.count{font-family:var(--aw-serif);font-size:.72rem;letter-spacing:.05em;color:var(--aw-oxblood);border:1px solid var(--aw-gilt);border-radius:999px;padding:.12rem .6rem;font-variant-numeric:tabular-nums}.category-toggle{display:inline-flex;flex-wrap:wrap;gap:.3rem;padding:.2rem;background:#6b303814;border:1px solid rgba(107,48,56,.16);border-radius:16px;margin-bottom:1.1rem}.cat-btn{font-size:.78rem;font-weight:600;letter-spacing:.01em;color:var(--aw-muted);background:transparent;border:none;border-radius:999px;padding:.4rem .9rem;cursor:pointer;transition:background .15s ease,color .15s ease}.cat-btn:hover{color:var(--aw-ink)}.cat-btn:focus-visible{outline:2px solid var(--aw-gilt-bright);outline-offset:2px}.cat-btn.active{background:var(--aw-oxblood);color:var(--aw-laylight)}.placard h1{font-family:var(--aw-serif);font-weight:400;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.12;margin:0 0 .9rem}.placard .sub{font-size:.95rem;line-height:1.6;color:#443c30;margin:0 0 1.5rem}.cta{display:inline-flex;align-items:center;gap:.55rem;background:var(--aw-oxblood);color:var(--aw-laylight);border:1px solid var(--aw-gilt);font-family:var(--aw-serif);font-size:1rem;letter-spacing:.03em;padding:.72rem 1.5rem;border-radius:2px;cursor:pointer;transition:background .15s ease,transform .15s ease}.cta:hover{background:#7c3a43;transform:translateY(-1px)}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:2px solid var(--aw-gilt-bright);outline-offset:3px}.cta .arrow{display:inline-block;transition:transform .2s ease}.cta:hover .arrow{transform:translate(3px)}.cta:disabled{opacity:.55;cursor:default;pointer-events:none}.cta:disabled:hover{background:var(--aw-oxblood);transform:none}.cta:disabled .arrow{animation:aw-cta-pulse 1.4s ease-in-out infinite}@keyframes aw-cta-pulse{0%,to{opacity:.4}50%{opacity:1}}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem .85rem}.loading-hint{display:flex;align-items:center;gap:.5rem;max-width:22rem;font-size:.78rem;line-height:1.35;color:var(--aw-muted)}.loading-hint.hidden{display:none}.spinner{width:15px;height:15px;flex:none;border-radius:50%;border:2px solid rgba(107,48,56,.2);border-top-color:var(--aw-oxblood);animation:aw-spin .8s linear infinite}@keyframes aw-spin{to{transform:rotate(360deg)}}.controls-row{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(107,48,56,.18);font-size:.74rem;color:var(--aw-muted)}.controls-row b{color:var(--aw-ink);font-weight:600}#home-overlay footer{display:flex;flex-direction:column;gap:.4rem;max-width:48rem;animation:aw-rise .7s .3s ease both}.home-invite{font-size:.92rem;color:var(--aw-ivory)}.home-invite a{color:var(--aw-gilt-bright);font-weight:600;text-decoration:none;white-space:nowrap}.home-invite a:hover{text-decoration:underline}.home-invite a:focus-visible{outline:2px solid var(--aw-gilt-bright);outline-offset:2px}.home-credit{font-size:.72rem;color:#f2ead89e}@keyframes aw-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.brand,.placard,#home-overlay footer{animation:none}.cta,.cta .arrow{transition:none}.cta:disabled .arrow{animation:none}.spinner{animation:none}}@media (max-width: 640px){.placard{max-width:100%}}@media (max-height: 560px){#home-overlay{padding:.9rem;gap:.75rem}.placard{padding:1.1rem 1.25rem}.placard h1{font-size:clamp(1.35rem,3.2vw,1.8rem);margin-bottom:.6rem}.placard .sub{font-size:.85rem;line-height:1.45;margin-bottom:1rem}.category-toggle{margin-bottom:.75rem}.cat-btn{font-size:.72rem;padding:.32rem .7rem}.cta{font-size:.9rem;padding:.6rem 1.2rem}.loading-hint{font-size:.72rem;max-width:17rem}.controls-row{margin-top:.75rem;padding-top:.7rem}#home-overlay footer{display:none}}#crosshair{position:fixed;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffb3;pointer-events:none;z-index:5;transition:width .12s ease,height .12s ease,margin .12s ease,background .12s ease,box-shadow .12s ease}#crosshair.over-link{width:18px;height:18px;margin:-9px 0 0 -9px;background:#ffe7c426;box-shadow:0 0 0 2px #d6b05ef2,0 0 12px #00000073}#linkhint{position:fixed;top:calc(50% + 28px);left:50%;transform:translate(-50%);padding:.4rem .8rem;border-radius:4px;background:#140c0cd1;color:#f2ead8;font-size:.82rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:6}#linkhint.visible{opacity:1}#play-hints{position:fixed;left:50%;bottom:clamp(1.1rem,3vw,1.75rem);transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem 1rem;max-width:min(34rem,92vw);padding:.5rem 1.1rem;background:#140c0cb8;border:1px solid rgba(176,141,79,.35);border-radius:999px;font-size:.76rem;color:#f2ead8bf;white-space:nowrap;z-index:4}#play-hints b{color:var(--aw-ivory);font-weight:600}#play-hints.hidden{display:none}.key-pad{display:flex;flex-direction:column;align-items:center;gap:2px}.key-row{display:flex;gap:2px}.key{display:grid;place-items:center;width:20px;height:18px;border-radius:3px;background:#f2ead81a;border:1px solid rgba(242,234,216,.3);color:#f2ead8bf;font-size:.68rem;line-height:1;transition:background .08s ease,border-color .08s ease,color .08s ease,transform .08s ease}.key.active{background:var(--aw-gilt-bright);border-color:var(--aw-gilt-bright);color:#241a10;transform:scale(.92)}@media (prefers-reduced-motion: reduce){.key{transition:none}.key.active{transform:none}}body.is-touch #play-hints{top:max(.9rem,env(safe-area-inset-top));bottom:auto}body.is-touch #crosshair{display:none}#touch-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;user-select:none;-webkit-user-select:none}#touch-ui.hidden{display:none}#joystick{position:absolute;left:max(1.25rem,env(safe-area-inset-left));bottom:max(1.5rem,env(safe-area-inset-bottom));width:118px;height:118px;border-radius:50%;background:#140c0c66;border:1px solid rgba(176,141,79,.45);display:grid;place-items:center;pointer-events:auto;touch-action:none}#joystick-knob{width:52px;height:52px;border-radius:50%;background:#f2ead8d1;border:1px solid rgba(176,141,79,.9);box-shadow:0 .25rem .6rem #0a040473}#joystick-knob.snapping{transition:transform .12s ease-out}#exit-btn{position:absolute;top:max(.9rem,env(safe-area-inset-top));right:max(.9rem,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;background:#140c0cb8;border:1px solid rgba(176,141,79,.45);color:var(--aw-ivory);font-size:1rem;line-height:1;cursor:pointer;pointer-events:auto}#exit-btn:focus-visible{outline:2px solid var(--aw-gilt-bright);outline-offset:2px}@media (prefers-reduced-motion: reduce){#joystick-knob.snapping{transition:none}}@media (hover: none){.home-nav a{padding:.6rem .9rem}.cat-btn{padding:.62rem .9rem}}