:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#17201b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{border:1px solid rgba(23,32,27,.22);border-radius:6px;background:#ffffffb8;color:inherit;cursor:pointer;font:inherit;transition:background .16s ease,border-color .16s ease,transform .16s ease}button:hover{background:#ffffffeb;border-color:#17201b61}button:active{transform:translateY(1px)}#app{min-height:100vh;background:#fff}.game-shell{position:relative;min-height:100vh;isolation:isolate}#gameCanvas{display:block;width:100vw;height:100vh;outline:none}.birthday-splash{inset:0;z-index:8;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 38%,rgba(255,244,166,.44),transparent 42%),linear-gradient(180deg,#ffffff57,#ffffff29);cursor:pointer}.birthday-splash[hidden]{display:none}.birthday-splash__stage{display:grid;justify-items:center;width:min(92vw,620px);transform:translateY(-1.5vh)}.birthday-splash__portrait{display:block;width:min(78vw,430px);max-height:68vh;object-fit:contain;filter:drop-shadow(0 10px 0 rgba(33,51,42,.14)) drop-shadow(0 24px 30px rgba(33,51,42,.22))}.birthday-splash__title{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;color:#fff;font-family:Trebuchet MS,Inter,ui-sans-serif,system-ui,sans-serif;font-size:2.15rem;font-weight:900;letter-spacing:0;line-height:1.02;text-transform:uppercase}.birthday-splash__title span:not(.birthday-splash__gap){display:inline-grid;place-items:center;min-width:.74em;padding:.02em .08em .08em;border:3px solid rgba(23,32,27,.34);background:var(--c);box-shadow:inset -4px -4px #17201b2e,inset 4px 4px #ffffff4d,0 5px #17201b47;text-shadow:2px 2px 0 rgba(23,32,27,.44),-1px -1px 0 rgba(255,255,255,.22)}.birthday-splash__gap{width:.42em}.hud,.status-panel,.birthday-splash,.main-menu,.name-dialog,.online-panel,.leaderboard-panel,.arrow-hint-overlay,.touch-pad,.control-hint{position:fixed;z-index:2}.birthday-splash{z-index:8}.hud{top:34px;left:0;right:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;pointer-events:none}.hud__brand{position:relative;min-width:0;pointer-events:auto}.hud__brand-link{display:block}.hud__logo{display:block;width:min(156px,38vw);height:auto;cursor:pointer}.brand-panel{position:absolute;top:calc(100% + 8px);left:0;width:232px;padding:10px 11px;border:1px solid rgba(23,32,27,.14);border-radius:6px;background:#ffffffe6;box-shadow:0 10px 28px #17201b1f;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}.hud__brand:hover .brand-panel,.hud__brand:focus-within .brand-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.brand-panel__row,.brand-panel__check{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#17201bb8;font-size:.82rem}.brand-panel__row strong{color:#17201b}.brand-panel input[type=range]{width:100%;margin:8px 0;accent-color:#2d6f3a}.brand-panel select,.main-menu__range select{width:100%;min-height:32px;border:1px solid rgba(23,32,27,.18);border-radius:6px;background:#ffffffdb;color:#17201b;font:inherit}.brand-panel__row select{max-width:132px}.brand-panel__check{justify-content:flex-start}.hud__kicker,.status-panel__label{display:block;color:#17201b9e;font-size:.76rem;letter-spacing:0;text-transform:uppercase}h1{margin:3px 0 0;font-size:clamp(1.35rem,3vw,2.45rem);line-height:1;letter-spacing:0}.hud__stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(46vw,360px)}.hud__stats span{display:inline-flex;gap:8px;align-items:baseline;min-width:0;min-height:38px;padding:9px 12px;border:1px solid rgba(23,32,27,.12);border-radius:6px;background:#ffffffc7;color:#17201bb8;font-size:.86rem}.hud__stats strong{display:block;max-width:min(280px,30vw);overflow:hidden;color:#17201b;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.leaderboard-panel{top:86px;right:22px;width:min(250px,32vw);padding:10px 12px;border:1px solid rgba(23,32,27,.12);border-radius:6px;background:#ffffffbd;pointer-events:none}.leaderboard-panel>span{display:block;margin-bottom:6px;color:#17201b9e;font-size:.72rem;letter-spacing:0;text-transform:uppercase}.leaderboard-panel ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.leaderboard-panel li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:baseline;min-width:0;color:#17201bbd;font-size:.78rem}.leaderboard-panel strong{overflow:hidden;color:#17201b;text-overflow:ellipsis;white-space:nowrap}.leaderboard-panel em{color:#17201ba8;font-style:normal}.status-panel{left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:minmax(104px,auto) minmax(104px,auto) minmax(178px,220px) minmax(420px,560px) 1fr;align-items:end;gap:12px;pointer-events:none}.status-panel>div{min-width:0}.status-panel strong{display:block;margin-top:3px;font-size:1rem}.speed-control{pointer-events:auto}.mode-control{min-width:420px;pointer-events:auto}.mode-control__buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.mode-control button{min-height:34px;padding:7px 9px;background:#ffffffbd;white-space:nowrap}.mode-control button.is-active{border-color:#2d6f3a94;background:#2d6f3a24}.speed-control__row{display:grid;grid-template-columns:minmax(104px,1fr) 52px;align-items:center;gap:10px;margin-top:3px}.speed-control input{width:100%;accent-color:#2d6f3a}.speed-control strong{text-align:right}.status-panel__actions{display:flex;justify-content:flex-end;gap:8px;pointer-events:auto}.status-panel__actions button{min-width:92px;min-height:38px;padding:8px 13px}.main-menu[hidden],.online-panel[hidden],.main-menu__settings[hidden]{display:none}.main-menu{inset:0;z-index:4;display:grid;place-items:center;padding:18px;background:#ffffff47}.main-menu__panel{width:min(330px,calc(100vw - 32px));padding:14px;border:1px solid rgba(23,32,27,.16);border-radius:8px;background:#ffffffe0;box-shadow:0 18px 44px #17201b29}.main-menu__panel>strong{display:block;font-size:1.32rem}.main-menu__buttons{display:grid;gap:8px;margin-top:12px}.main-menu__buttons button{min-height:42px;padding:9px 12px;background:#ffffffd1;text-align:left}.main-menu__settings{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(23,32,27,.1)}.main-menu__range{display:grid;grid-template-columns:64px minmax(0,1fr) 48px;align-items:center;gap:9px;color:#17201bbd;font-size:.82rem}.main-menu__range input{width:100%;accent-color:#2d6f3a}.main-menu__range strong{color:#17201b;text-align:right}.main-menu__check{display:flex;align-items:center;gap:9px;color:#17201bbd;font-size:.82rem}.name-dialog{inset:0;z-index:5;display:grid;place-items:center;padding:22px;background:#ffffff2e}.name-dialog[hidden]{display:none}.name-dialog__panel{display:grid;gap:12px;width:min(320px,calc(100vw - 44px));padding:18px;border:1px solid rgba(23,32,27,.14);border-radius:8px;background:#ffffffeb;box-shadow:0 18px 44px #17201b29}.name-dialog__panel strong{font-size:1.05rem}.name-dialog__panel input{width:100%;min-height:40px;padding:9px 10px;border:1px solid rgba(23,32,27,.2);border-radius:6px;background:#fff;color:#17201b;font:inherit}.name-dialog__panel button{min-height:40px;padding:9px 12px;background:#2d6f3a1f}.online-panel{top:34px;left:50%;z-index:3;display:grid;grid-template-columns:auto minmax(220px,360px) auto;align-items:end;gap:9px;max-width:calc(100vw - 340px);padding:10px;border:1px solid rgba(23,32,27,.14);border-radius:8px;background:#ffffffdb;box-shadow:0 12px 30px #17201b1f;transform:translate(-50%)}.online-panel>span{color:#17201bb8;font-size:.78rem;white-space:nowrap}.online-panel__link{display:grid;gap:3px;min-width:0;color:#17201b9e;font-size:.72rem;text-transform:uppercase}.online-panel__link input{min-width:0;height:34px;padding:6px 8px;border:1px solid rgba(23,32,27,.16);border-radius:6px;background:#ffffffd1;color:#17201b;font:inherit;text-transform:none}.online-panel button{min-height:34px;padding:7px 10px;white-space:nowrap}.touch-pad{right:22px;bottom:78px;display:none;grid-template-columns:repeat(2,46px);grid-template-rows:repeat(2,46px);gap:12px}.touch-pad button{display:grid;place-items:center;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border-radius:7px;font-size:1.15rem;line-height:1;transform:rotate(45deg)}.touch-pad button:active{transform:rotate(45deg) translateY(1px)}.touch-pad button.is-active{border-color:#2d6f3ab8;background:#2d6f3a2e}.touch-pad__icon{display:block;transform:rotate(-45deg)}.touch-pad button[data-dir=north]{grid-column:2;grid-row:1}.touch-pad button[data-dir=west]{grid-column:1;grid-row:1}.touch-pad button[data-dir=east]{grid-column:2;grid-row:2}.touch-pad button[data-dir=south]{grid-column:1;grid-row:2}.arrow-hint-overlay{inset:0;z-index:1;pointer-events:none}.arrow-hint-overlay[hidden]{display:none}.arrow-hint{position:absolute;display:flex;align-items:center;justify-content:center;width:clamp(90px,9.5vw,136px);aspect-ratio:1;border:5px solid rgba(23,32,27,.18);border-radius:8px;background:#ffffff1a;color:#17201b38;font-size:clamp(3.5rem,6.2vw,6rem);font-weight:700;line-height:1;text-align:center}.arrow-hint--west{left:26%;top:16%}.arrow-hint--north{right:27%;top:16%}.arrow-hint--south{left:26%;bottom:13%}.arrow-hint--east{right:27%;bottom:13%}.control-hint{right:22px;bottom:72px;display:grid;gap:4px;width:206px;padding:10px 12px;border:1px solid rgba(23,32,27,.12);border-radius:6px;background:#ffffffc2;color:#17201bbd;font-size:.78rem;line-height:1.25;pointer-events:none}@media(max-width:760px){body{overflow:auto}#app,.game-shell{min-height:100svh}.hud{top:24px;left:0;right:12px;gap:10px}.hud__logo{width:min(128px,34vw)}.brand-panel{width:212px}h1{font-size:clamp(1.2rem,6vw,1.75rem)}.hud__stats{max-width:45vw;gap:6px}.hud__stats span{min-height:32px;padding:7px 9px;font-size:.74rem}.hud__stats strong{max-width:34vw;font-size:.95rem}.leaderboard-panel{top:74px;right:12px;width:min(210px,46vw);padding:8px 9px}.leaderboard-panel li{grid-template-columns:14px minmax(0,1fr) auto;gap:5px;font-size:.68rem}.birthday-splash{padding:14px}.birthday-splash__stage{width:min(94vw,380px);transform:translateY(-2vh)}.birthday-splash__portrait{width:min(90vw,330px);max-height:61vh}.birthday-splash__title{gap:3px;margin-top:6px;font-size:1.34rem}.birthday-splash__title span:not(.birthday-splash__gap){border-width:2px;box-shadow:inset -3px -3px #17201b2e,inset 3px 3px #ffffff4d,0 4px #17201b42}.online-panel{top:104px;left:12px;right:12px;grid-template-columns:1fr auto;max-width:none;transform:none}.online-panel>span{grid-column:1 / -1;white-space:normal}.status-panel{left:12px;right:150px;bottom:12px;grid-template-columns:1fr 1fr}.status-panel__actions{grid-column:1 / -1;justify-content:flex-start}.speed-control{grid-column:1 / -1;max-width:220px}.mode-control{grid-column:1 / -1;min-width:0;max-width:240px}.mode-control__buttons{gap:5px}.mode-control button{min-height:32px;padding:6px 8px;font-size:.72rem;white-space:normal}.status-panel__actions button{min-width:84px}.touch-pad{display:grid;right:12px;bottom:18px;grid-template-columns:repeat(2,40px);grid-template-rows:repeat(2,40px);gap:11px}.touch-pad button{width:40px;min-width:40px;height:40px;min-height:40px}.arrow-hint{width:54px;border-width:4px;font-size:2.4rem}.arrow-hint--west{left:18%;top:23%}.arrow-hint--north{right:18%;top:23%}.arrow-hint--south{left:18%;bottom:22%}.arrow-hint--east{right:18%;bottom:22%}.control-hint{display:none}}