.site-header{z-index:20;min-height:var(--header-height);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 0;display:grid;position:relative}.brand{color:var(--ink);text-align:left;cursor:pointer;background:0 0;justify-self:start;align-items:center;gap:11px;padding:0;display:inline-flex}.brand__mark{width:43px;height:43px;color:var(--yellow-ink);background:var(--yellow);border-radius:13px;place-items:center;display:grid;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 8px 24px #ffd44733}.brand__mark i{border:2px solid #0a0f141f;border-radius:50%;width:20px;height:20px;position:absolute}.brand__mark i:first-child{top:-7px;right:-6px}.brand__mark i:nth-child(2){bottom:-9px;left:-8px}.brand__mark b{font-size:20px;line-height:1;transform:rotate(5deg)}.brand>span:last-child{display:grid}.brand strong{letter-spacing:-.04em;font-size:18px}.brand strong span{color:var(--yellow)}.brand small{color:var(--muted);margin-top:-1px;font-size:11px}.privacy-pill{border:1px solid var(--line);color:var(--ink-soft);background:#0a18279e;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 13px;font-size:11px;font-weight:700;display:flex}.privacy-pill>span{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #58e6a9cc}.header-actions{justify-self:end;gap:8px;display:flex}.icon-button,.header-button,.hud-button,.back-button,.text-button,.primary-button,.secondary-button{cursor:pointer}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-soft);background:#0f2033d6;border-radius:13px;place-items:center;padding:10px;transition:all .18s;display:grid}.icon-button:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.icon-button svg,.header-button svg,.promise-panel svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}#sound-toggle[data-muted=true]{color:var(--danger)}.header-button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink-soft);background:#0f2033d6;border-radius:13px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.header-button svg{width:18px}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);align-items:center;gap:clamp(36px,7vw,100px);min-height:640px;padding:80px 0 88px;display:grid}.eyebrow{color:var(--ink-soft);letter-spacing:.08em;margin-bottom:16px;font-size:11px;font-weight:800}.eyebrow>span{color:var(--yellow);letter-spacing:.08em;border:1px solid #ffd44766;border-radius:999px;margin-right:9px;padding:5px 9px;display:inline-block}.hero h1{letter-spacing:-.065em;max-width:760px;margin-bottom:22px;font-size:clamp(52px,6vw,84px);line-height:1.02}.hero h1 em{color:var(--yellow);font-style:normal}.hero__description{max-width:620px;color:var(--ink-soft);word-break:keep-all;margin-bottom:32px;font-size:clamp(15px,1.4vw,18px);line-height:1.8}.hero__actions,.modal-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button{min-height:48px;transition:.18s var(--ease-out);border-radius:14px;justify-content:center;align-items:center;gap:16px;padding:0 18px;font-size:13px;font-weight:900;display:inline-flex}.primary-button{color:var(--yellow-ink);background:var(--yellow);box-shadow:0 12px 28px #ffd44724}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#0d1d2ee6}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.trust-list{gap:clamp(22px,4vw,48px);margin:42px 0 0;padding:0;list-style:none;display:flex}.trust-list li{gap:1px;display:grid}.trust-list strong{color:var(--ink);font-size:23px;line-height:1.2}.trust-list span{color:var(--muted);font-size:11px;font-weight:700}.play-steps{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,.38fr) minmax(0,1.62fr);align-items:start;gap:clamp(24px,5vw,70px);padding:54px 0;display:grid}.play-steps__heading .eyebrow{color:var(--cyan);margin-bottom:7px}.play-steps__heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(25px,3vw,36px)}.play-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.play-steps li{border:1px solid var(--line);background:#0c1b2c94;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:18px;display:grid}.play-steps li>span{width:34px;height:34px;color:var(--yellow-ink);background:var(--yellow);border-radius:11px;place-items:center;font-size:11px;font-weight:1000;display:grid}.play-steps strong{margin-bottom:5px;font-size:13px;display:block}.play-steps p{color:var(--muted);word-break:keep-all;margin:0;font-size:12px;line-height:1.65}.session-card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(145deg, #152f4bf0, #091625fa), var(--surface);box-shadow:var(--shadow-lg);padding:26px;position:relative;overflow:hidden}.session-card:after{content:"";border:30px solid #45e4e009;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-60px}.session-card__top{z-index:1;justify-content:space-between;align-items:start;gap:20px;display:flex;position:relative}.session-card__top .eyebrow{color:var(--cyan);margin-bottom:5px}.session-card h2{letter-spacing:-.04em;margin-bottom:0;font-size:25px}.text-button{color:var(--muted);text-underline-offset:3px;background:0 0;padding:4px;font-size:11px;text-decoration:underline}.session-score{z-index:1;border:1px solid var(--line);border-radius:var(--radius-md);background:#040e198c;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:25px;padding:22px 16px;display:grid;position:relative}.session-score>div{grid-template-columns:auto 1fr auto auto;align-items:center;gap:5px;display:grid}.session-score>div:nth-child(3){text-align:right}.session-score small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.session-score strong{font-size:31px;line-height:1}.session-score span:last-child,.session-score>b{color:var(--muted);font-size:11px}.player-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block}.player-dot--one{background:var(--cyan);box-shadow:0 0 10px #45e4e099}.player-dot--two{background:var(--pink);box-shadow:0 0 10px #ff5d9e99}.recent-block{z-index:1;margin-top:22px;position:relative}.recent-block h3{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:11px}.recent-block ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.recent-block li{background:#ffffff09;border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:52px;padding:4px 5px 4px 10px;font-size:11px;display:grid}.recent-play__copy{min-width:0;display:grid}.recent-play__copy strong,.recent-play__copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-play__open{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink-soft);cursor:pointer;background:#0d1d2ee0;border-radius:9px;padding:0 9px;font-size:11px;font-weight:900}.recent-play__open:hover{border-color:var(--line-strong);color:var(--ink)}.recent-block li span,.recent-block li small{color:var(--muted)}.recent-block li.empty-state{color:var(--muted);text-align:center;padding:15px;display:block}.game-section{padding:90px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.section-heading .eyebrow{color:var(--yellow);margin-bottom:7px}.section-heading h2{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(32px,4vw,48px)}.section-heading>p{max-width:390px;color:var(--muted);text-align:right;margin-bottom:5px;font-size:12px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.game-card{--game-accent:var(--yellow);border:1px solid var(--line);min-height:390px;color:var(--ink);background:linear-gradient(145deg, #142a43f2, #0a1727f5), var(--surface);text-align:left;cursor:default;transition:transform .22s var(--ease-out), border-color .22s ease, box-shadow .22s ease;border-radius:24px;flex-direction:column;padding:21px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}@media (hover:hover) and (pointer:fine){.game-card:hover{border-color:color-mix(in srgb, var(--game-accent), transparent 56%);transform:translateY(-5px);box-shadow:0 24px 60px #00000038}}.game-card__top{z-index:2;color:var(--muted);letter-spacing:.11em;justify-content:space-between;font-size:11px;font-weight:900;display:flex;position:relative}.game-card__badge{color:var(--game-accent)}.game-card__art{place-items:center;height:130px;margin:13px 0 12px;display:grid;position:relative}.game-card__picture{z-index:2;opacity:0;pointer-events:none;place-items:center;transition:opacity .18s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.game-card__icon{object-fit:contain;width:112px;height:112px}.game-card__art[data-icon-loaded=true] .game-card__picture{opacity:1}.game-card__art:before,.game-card__art:after,.game-card__art i{border:1px solid color-mix(in srgb, var(--game-accent), transparent 74%);content:"";border-radius:50%;position:absolute}.game-card__art:before{width:108px;height:108px}.game-card__art:after{border-style:dashed;width:82px;height:82px;transform:rotate(14deg)}.game-card__art i{border-radius:50%;width:145px;height:64px;transform:rotate(-8deg)}.game-card__glyph{z-index:1;color:#07111f;background:var(--game-accent);width:64px;height:64px;box-shadow:0 10px 30px color-mix(in srgb, var(--game-accent), transparent 72%);border-radius:21px;place-items:center;font-size:29px;font-weight:1000;transition:opacity .18s;display:grid;position:relative;transform:rotate(-4deg)}.game-card__art[data-icon-loaded=true] .game-card__glyph{opacity:0}.game-card h3{letter-spacing:-.045em;margin-bottom:7px;font-size:22px}.game-card>p{min-height:43px;color:var(--muted);word-break:keep-all;margin-bottom:17px;font-size:13px;line-height:1.6}.game-card__meta{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:auto;display:grid}.game-card__meta>span{background:#01091147;border:1px solid #ffffff0e;border-radius:8px;padding:8px 6px;display:grid}.game-card__meta small{color:var(--muted);font-size:11px}.game-card__meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.game-card__actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:14px;display:grid}.game-card__start,.game-card__guide{cursor:pointer;min-height:44px;transition:border-color .18s ease, background-color .18s ease, transform .18s var(--ease-out);border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.game-card__start{color:#07111f;background:var(--game-accent);justify-content:space-between;gap:10px;padding:0 10px 0 14px}.game-card__start span{background:#07111f1f;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.game-card__guide{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;background:#0d1d2ed6;padding:0 12px}.game-card__start:hover,.game-card__guide:hover{transform:translateY(-1px)}.game-card__guide:hover{border-color:color-mix(in srgb, var(--game-accent), transparent 45%);color:var(--ink)}.promise-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#0c1b2cb8;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:80px;padding:24px 26px;display:grid}.promise-panel>svg{width:30px;height:30px;color:var(--green)}.promise-panel strong{margin-bottom:3px;font-size:13px;display:block}.promise-panel p{color:var(--muted);margin:0;font-size:11px}.inline-policy-link{color:var(--cyan);text-underline-offset:3px;font-weight:800;text-decoration:underline}.site-footer{min-height:120px;padding:18px 0 max(18px, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:center;gap:28px;font-size:11px;display:grid}.site-footer__summary{gap:5px;display:grid}.site-footer__home{align-items:center;width:-moz-fit-content;width:fit-content;min-height:44px;padding-right:12px;display:inline-flex}.site-footer__home strong{color:var(--ink-soft)}.site-footer__summary p{max-width:38rem;margin:0;line-height:1.6}.site-footer__nav{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.site-footer__nav a{min-height:44px;color:var(--ink-soft);text-underline-offset:3px;border-radius:9px;align-items:center;padding:0 10px;font-weight:800;text-decoration:underline;display:inline-flex}.site-footer__nav a:hover{color:var(--ink);background:#ffffff0a}.game-load-error{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;place-items:center;min-height:min(520px,65svh);padding:32px;display:grid}.game-load-error h2{margin-bottom:8px}.game-load-error p{max-width:42rem;color:var(--ink-soft)}.game-load-error__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.modal{border:1px solid var(--line-strong);width:min(560px,100vw - 28px);max-height:min(780px,100dvh - 28px);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:24px;padding:0;overflow:hidden}.modal::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#00060dbd}.modal__panel{max-height:inherit;overflow:auto}.modal__header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1726f5;justify-content:space-between;align-items:center;padding:20px 22px;display:flex;position:sticky;top:0}.modal__header h2{margin:0;font-size:20px}.modal__body{padding:24px}.modal__body ol{color:var(--ink-soft);gap:12px;padding-left:25px;font-size:13px;display:grid}.modal__body li::marker{color:var(--yellow);font-weight:900}.modal-intro,.result-detail{color:var(--ink-soft);line-height:1.7}.key-guide{color:var(--cyan);background:#45e4e012;border-radius:10px;margin:22px 0 0;padding:12px;font-size:12px;font-weight:800}.modal-resource-link{min-height:44px;color:var(--cyan);background:#45e4e012;border:1px solid #45e4e047;border-radius:10px;align-items:center;margin-top:12px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.modal-resource-link:hover{background:#45e4e01f;border-color:#45e4e094}.settings-form{gap:22px;display:grid}.settings-form fieldset{border:0;gap:11px;margin:0;padding:0;display:grid}.settings-form legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:900}.settings-form label{grid-template-columns:minmax(125px,.6fr) 1fr;align-items:center;gap:12px;display:grid}.settings-form label>span{font-size:12px;font-weight:800}.settings-form input[type=text],.settings-form input:not([type]),.settings-form select,.game-host input[type=text],.game-host select,.game-host textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#081523;border-radius:10px;padding:9px 12px}.settings-form input[type=range]{width:100%;accent-color:var(--yellow)}.settings-form input[type=checkbox]{width:42px;height:23px;accent-color:var(--yellow);justify-self:end}.switch-row>span{display:grid}.switch-row small{color:var(--muted);font-size:11px;font-weight:500}.storage-note{color:var(--muted);margin:0;font-size:11px}.result-modal .modal__body{text-align:center}.result-modal h3{letter-spacing:-.04em;margin-bottom:10px;font-size:30px}.result-badge{color:var(--yellow-ink);background:var(--yellow);letter-spacing:.12em;border-radius:999px;margin-bottom:12px;padding:5px 9px;font-size:11px;font-weight:1000;display:inline-flex}.result-modal .modal-actions{justify-content:center;margin-top:24px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:200;border:1px solid var(--line-strong);max-width:min(460px,100vw - 28px);color:var(--ink);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:.2s var(--ease-out);background:#0e1f31f5;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:700;position:fixed;transform:translate(-50%,18px)}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}.game-view{min-height:calc(100svh - var(--header-height));padding:30px 0 70px}.game-hud{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:18px;display:grid}.back-button{border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:var(--surface);border-radius:12px;justify-self:start;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.game-hud__title{text-align:center;justify-items:center;display:grid}.game-hud__title p{color:var(--yellow);letter-spacing:.12em;margin:0 0 2px;font-size:11px;font-weight:900}.game-hud__title h1{margin:0;font-size:23px;line-height:1.2}.phase-pill{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:999px;margin-top:7px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.game-hud__actions{justify-content:flex-end;gap:7px;display:flex}.hud-button{border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:var(--surface);white-space:nowrap;border-radius:11px;padding:0 12px;font-size:11px;font-weight:900}.hud-button--primary{color:var(--yellow-ink);border-color:var(--yellow);background:var(--yellow)}.orientation-notice{color:var(--ink-soft);background:#ffd4470f;border:1px solid #ffd44740;border-radius:10px;align-items:center;gap:10px;margin:0 0 14px;padding:10px 13px;font-size:11px;display:none}.orientation-notice strong{color:var(--yellow)}.game-host{touch-action:manipulation;min-height:540px}.game-host[data-loading=true]{border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--muted);background:var(--surface);place-items:center;display:grid}.canvas-game{gap:12px;width:min(100%,1080px);margin:0 auto;display:grid}.game-local-hud{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:minmax(170px,auto) 1fr auto;align-items:center;gap:14px;min-height:64px;padding:11px 15px;display:grid}.game-local-score{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:clamp(22px,4vw,34px)}.game-local-status{color:var(--ink-soft);text-align:center;font-size:12px}.game-option{color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.game-option select{min-height:38px}.game-canvas{border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);background:#04101d;margin:0 auto}.touch-controls--split{align-items:stretch}.touch-control-group{border:1px solid var(--line);background:#0c1c2dc7;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;margin:0;padding:9px;display:grid}.touch-control-group--three{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-control-group legend{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:0 5px;font-size:11px;font-weight:800;overflow:hidden}.pinball-times{color:var(--purple);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.pinball-boost{min-height:62px}.game-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.game-layout--wide,.game-layout.single-column{grid-template-columns:minmax(0,1fr)}.game-panel,.game-sidebar,.canvas-shell,.game-canvas-shell,.controls-panel,.setup-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(155deg,#11253cf2,#081523fa);box-shadow:inset 0 1px #ffffff06}.game-panel,.game-sidebar,.controls-panel,.setup-panel{padding:18px}.canvas-shell,.game-canvas-shell{padding:12px;position:relative;overflow:hidden}.canvas-shell canvas,.game-canvas-shell canvas{background:#06111e;border-radius:12px}.game-overlay,.canvas-overlay{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#030b14bd;border-radius:12px;place-content:center;padding:30px;display:grid;position:absolute;top:12px;bottom:12px;left:12px;right:12px}.game-overlay h2,.game-overlay h3,.canvas-overlay h2,.canvas-overlay h3{margin-bottom:7px;font-size:clamp(24px,4vw,40px)}.game-overlay p,.canvas-overlay p{color:var(--ink-soft);margin-bottom:18px}.scoreboard,.game-scoreboard{border:1px solid var(--line);background:#020c1570;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.scoreboard>div,.game-scoreboard>div{justify-items:center;gap:2px;display:grid}.scoreboard small,.game-scoreboard small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.scoreboard strong,.game-scoreboard strong{font-size:28px}.status-card,.game-status,.info-card{color:var(--ink-soft);background:#020c1580;border-radius:13px;margin-top:12px;padding:14px;font-size:12px}.game-toolbar,.game-actions,.option-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-toolbar button,.game-actions button,.option-row button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface-soft);cursor:pointer;border-radius:10px;padding:8px 13px;font-size:11px;font-weight:800}.game-host :where(button:not(.touch-button):not(.touch-control):not(.boost-button)){border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface-soft);cursor:pointer;border-radius:10px;padding:8px 13px;font-size:11px;font-weight:800}.game-host button:disabled{cursor:not-allowed;opacity:.42}.touch-controls{width:100%;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.touch-player{grid-auto-flow:column;gap:8px;display:grid}.touch-button,.touch-control,.boost-button{border:1px solid var(--line-strong);min-width:54px;min-height:56px;color:var(--ink);background:var(--surface-raised);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px;padding:8px 13px;font-size:13px;font-weight:900}.touch-button[data-pressed=true],.touch-control[data-pressed=true],.boost-button[data-pressed=true],.touch-button:active,.touch-control:active,.boost-button:active{color:var(--yellow-ink);border-color:var(--yellow);background:var(--yellow);transform:translateY(2px)}.touch-player:first-child .touch-button,.touch-player:first-child .touch-control,.boost-button:first-child{border-color:#45e4e059}.touch-player:last-child .touch-button,.touch-player:last-child .touch-control,.boost-button:last-child{border-color:#ff5d9e59}.form-grid,.input-grid{gap:9px;display:grid}.form-row,.input-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.form-row label,.input-row label{color:var(--muted);gap:4px;font-size:11px;font-weight:800;display:grid}.game-host .sr-status{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1080px){:root{--page:min(100% - 36px, 980px)}.hero{grid-template-columns:minmax(0,1fr) 340px;gap:40px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{min-height:360px}.game-layout{grid-template-columns:minmax(0,1fr) 250px}.game-hud{grid-template-columns:auto 1fr}.game-hud__title{text-align:left;justify-items:start}.game-hud__actions{grid-column:1/-1;justify-content:stretch}.game-hud__actions>button:not(.icon-button){flex:1}}@media (max-width:820px){:root{--page:min(100% - 28px, 720px);--header-height:72px}.site-header{grid-template-columns:1fr auto}.privacy-pill{display:none}.hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:62px 0}.hero__copy{max-width:680px}.session-card{max-width:none}.play-steps{grid-template-columns:minmax(0,1fr);gap:24px}.game-section{padding:72px 0}.section-heading{align-items:start;display:grid}.section-heading>p{text-align:left}.game-layout{grid-template-columns:minmax(0,1fr)}.game-sidebar{grid-template-columns:1fr 1fr;gap:12px;display:grid}.promise-panel{grid-template-columns:auto 1fr}.promise-panel .secondary-button{grid-column:1/-1}.site-footer{grid-template-columns:minmax(0,1fr);gap:12px}.site-footer__nav{justify-content:flex-start}}@media (max-width:560px){:root{--page:calc(100% - 24px)}.brand__mark{border-radius:11px;width:37px;height:37px}.brand small,.header-button span{display:none}.header-button{justify-content:center;width:44px;padding:0}.hero{gap:34px;padding:48px 0 55px}.hero h1{font-size:clamp(43px,15vw,64px)}.hero__description{font-size:14px}.hero__actions{display:grid}.hero__actions>*{width:100%}.trust-list{justify-content:space-between;gap:10px;margin-top:34px}.trust-list strong{font-size:20px}.trust-list span{max-width:78px;font-size:11px}.play-steps{padding:42px 0}.play-steps ol{grid-template-columns:minmax(0,1fr)}.session-card{border-radius:22px;padding:20px}.session-score{gap:7px;padding:16px 10px}.session-score>div{grid-template-columns:auto 1fr auto}.session-score>div span:last-child{display:none}.game-grid{grid-template-columns:minmax(0,1fr)}.game-card{min-height:345px}.game-card__meta strong{font-size:11px}.promise-panel{grid-template-columns:1fr;padding:21px}.promise-panel svg{display:none}.game-view{padding:16px 0 42px}.game-hud{grid-template-columns:auto minmax(0,1fr);gap:11px;margin-bottom:13px}.back-button{min-width:44px;padding:0 11px}.back-button span:last-child{display:none}.game-hud__title h1{text-overflow:ellipsis;white-space:nowrap;max-width:185px;font-size:18px;overflow:hidden}.game-hud__actions{grid-template-columns:repeat(3,1fr) repeat(3,44px);gap:5px;display:grid}.hud-button{min-width:0;padding:0 5px;font-size:11px}.game-host{min-height:420px}.game-local-hud{grid-template-columns:1fr auto;gap:7px;padding:9px 11px}.game-local-status{text-align:left;grid-area:2/1/auto/-1}.game-local-score{font-size:21px}.pinball-times{text-align:left;grid-column:1/-1}.game-panel,.game-sidebar,.controls-panel,.setup-panel{padding:12px}.canvas-shell,.game-canvas-shell{padding:7px}.touch-controls{gap:8px}.touch-player{gap:5px}.touch-button,.touch-control,.boost-button{min-width:0;min-height:58px;padding:7px;font-size:11px}.game-sidebar{grid-template-columns:1fr;display:grid}.modal__body{padding:19px}.settings-form label{grid-template-columns:1fr;gap:6px}.settings-form input[type=checkbox]{justify-self:start}.site-footer{min-height:100px}.site-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-footer__nav a{justify-content:center}}@media (orientation:portrait) and (max-width:560px){.orientation-notice:not([hidden]){display:flex}}@media (orientation:landscape) and (max-height:500px){:root{--game-safe-top:env(safe-area-inset-top,0px);--game-safe-right:env(safe-area-inset-right,0px);--game-safe-bottom:env(safe-area-inset-bottom,0px);--game-safe-left:env(safe-area-inset-left,0px);--game-viewport-height:var(--app-viewport-height,100dvh)}body[data-view=game][data-one-screen-game=true]{--header-height:0px;height:100vh;height:100svh;height:var(--game-viewport-height);overflow:hidden}body[data-view=game][data-one-screen-game=true] .app-frame{top:var(--app-viewport-offset-top,0px);left:var(--app-viewport-offset-left,0px);width:var(--app-viewport-width,100vw);height:var(--game-viewport-height);min-height:0;padding-right:max(8px, var(--game-safe-right));padding-left:max(8px, var(--game-safe-left));padding-top:var(--game-safe-top);margin:0;position:fixed}body[data-view=game][data-one-screen-game=true] .site-header,body[data-view=game][data-one-screen-game=true] .site-footer{display:none}body[data-view=game][data-one-screen-game=true] main{height:calc(var(--game-viewport-height) - var(--game-safe-top));min-height:0}body[data-view=game][data-one-screen-game=true] .game-view{height:100%;min-height:0;padding:4px 0 max(4px, var(--game-safe-bottom));flex-direction:column;display:flex;overflow:hidden}body[data-view=game][data-one-screen-game=true] .game-hud{flex:none;grid-template-columns:auto minmax(70px,1fr) auto;gap:6px;margin-bottom:4px;padding-bottom:4px}body[data-view=game][data-one-screen-game=true] .game-hud__title{text-align:left;justify-items:start}body[data-view=game][data-one-screen-game=true] .game-hud__title p,body[data-view=game][data-one-screen-game=true] .phase-pill{display:none}body[data-view=game][data-one-screen-game=true] .game-hud__title h1{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:16px;overflow:hidden}body[data-view=game][data-one-screen-game=true] .game-hud__actions{grid-column:auto;gap:4px;display:flex}body[data-view=game][data-one-screen-game=true] .hud-button,body[data-view=game][data-one-screen-game=true] .back-button,body[data-view=game][data-one-screen-game=true] .game-hud .icon-button{min-width:44px;height:44px;min-height:44px}body[data-view=game][data-one-screen-game=true] .hud-button{padding-inline-start:7px;padding-inline-end:7px;font-size:11px}body[data-view=game][data-one-screen-game=true] .game-host{flex:auto;min-height:0;overflow:hidden}body[data-view=game][data-one-screen-game=true] .canvas-game{grid-template-rows:auto minmax(104px,1fr) auto;gap:4px;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}body[data-view=game][data-one-screen-game=true] .canvas-game>*{min-width:0}body[data-view=game][data-one-screen-game=true] .game-local-hud{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;min-height:44px;max-height:44px;padding:3px 8px}body[data-view=game][data-one-screen-game=true] .game-local-score{font-size:18px}body[data-view=game][data-one-screen-game=true] .game-local-status{text-overflow:ellipsis;white-space:nowrap;grid-area:auto;font-size:11px;overflow:hidden}body[data-view=game][data-one-screen-game=true] .game-option,body[data-view=game][data-one-screen-game=true] .pinball-times{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}body[data-view=game][data-one-screen-game=true] .game-option select{height:36px;min-height:36px;padding-block-start:2px;padding-block-end:2px}body[data-view=game][data-one-screen-game=true] .game-canvas{place-self:center;min-width:0;height:100%;min-height:0;max-height:100%;width:auto!important;max-width:100%!important}body[data-view=game][data-one-screen-game=true] .touch-controls{gap:6px;margin-top:0;padding-bottom:0}body[data-view=game][data-one-screen-game=true] .touch-control-group{gap:4px;padding:1px 4px 4px}body[data-view=game][data-one-screen-game=true] .touch-control-group legend{font-size:11px}body[data-view=game][data-one-screen-game=true] .touch-button,body[data-view=game][data-one-screen-game=true] .touch-control,body[data-view=game][data-one-screen-game=true] .boost-button{min-width:44px;height:44px;min-height:44px;padding:4px 7px}:root[data-visual-viewport-fallback=true] body[data-view=game][data-one-screen-game=true]{height:auto;min-height:100dvh;overflow:auto}:root[data-visual-viewport-fallback=true] body[data-view=game][data-one-screen-game=true] .app-frame{width:var(--page);height:auto;min-height:100dvh;margin:0 auto;position:static}:root[data-visual-viewport-fallback=true] body[data-view=game][data-one-screen-game=true] main,:root[data-visual-viewport-fallback=true] body[data-view=game][data-one-screen-game=true] .game-view,:root[data-visual-viewport-fallback=true] body[data-view=game][data-one-screen-game=true] .canvas-game{height:auto}:root[data-visual-viewport-fallback=true] body[data-view=game][data-one-screen-game=true] .game-host{min-height:420px;overflow:visible}}@media (max-width:370px){.volleyball-game .touch-controls--split{grid-template-columns:minmax(0,1fr)}}@media (orientation:landscape) and (max-height:280px){body[data-view=game][data-one-screen-game=true]{height:auto;min-height:100dvh;overflow-y:auto}body[data-view=game][data-one-screen-game=true] .app-frame,body[data-view=game][data-one-screen-game=true] main,body[data-view=game][data-one-screen-game=true] .game-view,body[data-view=game][data-one-screen-game=true] .canvas-game{height:auto}body[data-view=game][data-one-screen-game=true] .app-frame{width:auto;position:static}body[data-view=game][data-one-screen-game=true] .game-host{overflow:visible}}html:has(body[data-view=game]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f3eb}body[data-view=game]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171717;--ink-soft:#554f47;--muted:#70685f;--canvas:#f7f3eb;--surface:#fffdf8;--surface-raised:#fff;--surface-soft:#f0e9de;--line:#4d413126;--line-strong:#4d413142;--brand-primary:#1f65d6;--brand-primary-dark:#164ea9;--brand-primary-soft:#e8f0ff;--yellow:#f3b51b;--yellow-ink:#3b2500;--cyan:#17696d;--pink:#a92e5e;--purple:#7044c2;--green:#21795b;--orange:#b95017;--blue:#1f65d6;--danger:#b42318;--shadow-sm:0 12px 30px #5b462a17, 0 2px 5px #5b462a14;--shadow-lg:0 30px 78px #5b462a24, 0 5px 14px #5b462a14;background:radial-gradient(circle at 8% 4%,#fffffffa,#0000 26rem),radial-gradient(circle at 91% 27%,#1f65d614,#0000 32rem),linear-gradient(135deg,#faf7f1,#f4eee5 58%,#fbf8f3)}body[data-view=game] :focus-visible{outline-color:var(--brand-primary)}body[data-view=game] ::selection{color:#fff;background:var(--brand-primary)}body[data-view=game] .ambient{filter:blur(120px);opacity:.15}body[data-view=game] .ambient--one{background:#f4c445}body[data-view=game] .ambient--two{background:#7ca8f5}body[data-view=game] .site-header{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.12);backdrop-filter:blur(20px)saturate(1.12);background:#fffdf8e0;box-shadow:0 10px 28px #5b462a12}body[data-view=game] .brand{color:var(--ink)}body[data-view=game] .brand__mark{color:#fff;background:linear-gradient(145deg,#3479ea,#1856bd);transform:none;box-shadow:0 10px 20px #1f65d63d,inset 0 2px #ffffff61,inset 0 -3px #082d6d47}body[data-view=game] .brand__mark i{border-color:#ffffff2e}body[data-view=game] .brand__mark b{transform:none}body[data-view=game] .brand strong span{color:var(--brand-primary)}body[data-view=game] .brand small{color:var(--muted)}body[data-view=game] .icon-button,body[data-view=game] .header-button,body[data-view=game] .back-button,body[data-view=game] .hud-button{border-color:var(--line);color:var(--ink-soft);background:#ffffffe6;box-shadow:0 4px 10px #5b462a0f}body[data-view=game] .icon-button:hover,body[data-view=game] .header-button:hover,body[data-view=game] .back-button:hover,body[data-view=game] .hud-button:hover{color:var(--ink);border-color:var(--line-strong);background:#fff}body[data-view=game] .game-hud{border-bottom-color:#1f65d633}body[data-view=game] .game-hud__title p{color:var(--brand-primary)}body[data-view=game] .phase-pill{color:#315a9d;background:var(--brand-primary-soft);border-color:#1f65d62e}body[data-view=game] .hud-button--primary,body[data-view=game] .primary-button{border-color:var(--brand-primary);color:#fff;background:linear-gradient(145deg, #3479ea, var(--brand-primary));box-shadow:0 10px 20px #1f65d633,inset 0 1px #ffffff40}body[data-view=game] .secondary-button{border-color:var(--line);color:var(--ink);background:#fff;box-shadow:0 5px 12px #5b462a12}body[data-view=game] .orientation-notice{color:var(--ink-soft);background:#e8f0ffc7;border-color:#1f65d633}body[data-view=game] .orientation-notice strong{color:var(--brand-primary-dark)}body[data-view=game] .game-host[data-loading=true],body[data-view=game] .game-local-hud,body[data-view=game] .touch-control-group{border-color:var(--line);box-shadow:var(--shadow-sm);background:#fffdf8f0}body[data-view=game] .game-local-score{color:var(--ink)}body[data-view=game] .game-local-status,body[data-view=game] .game-option,body[data-view=game] .touch-control-group legend{color:var(--ink-soft)}body[data-view=game] .pinball-times{color:var(--purple)}body[data-view=game] .game-canvas{border-color:var(--line-strong);box-shadow:var(--shadow-sm);background:#ebe5dc}body[data-view=game] .game-panel,body[data-view=game] .game-sidebar,body[data-view=game] .canvas-shell,body[data-view=game] .game-canvas-shell,body[data-view=game] .controls-panel,body[data-view=game] .setup-panel{border-color:var(--line);box-shadow:var(--shadow-sm), inset 0 1px #ffffffb3;background:linear-gradient(155deg,#fffffffa,#f9f5eefa)}body[data-view=game] .canvas-shell canvas,body[data-view=game] .game-canvas-shell canvas{background:#eee8de}body[data-view=game] .game-overlay,body[data-view=game] .canvas-overlay{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px)saturate(.75);backdrop-filter:blur(10px)saturate(.75);background:#fffdf8e0}body[data-view=game] .scoreboard,body[data-view=game] .game-scoreboard,body[data-view=game] .status-card,body[data-view=game] .game-status,body[data-view=game] .info-card{border-color:var(--line);color:var(--ink-soft);background:#f5f0e8}body[data-view=game] .game-toolbar button,body[data-view=game] .game-actions button,body[data-view=game] .option-row button{border-color:var(--line);color:var(--ink);background:#f3eee6;box-shadow:0 3px 7px #5b462a0f}body[data-view=game] .game-host :where(button:not(.touch-button):not(.touch-control):not(.boost-button)){border-color:var(--line);color:var(--ink);background:#f3eee6;box-shadow:0 3px 7px #5b462a0f}body[data-view=game] .game-host :where(button:not(:disabled)):hover{background:#fff;border-color:#1f65d64d}body[data-view=game] .touch-button,body[data-view=game] .touch-control,body[data-view=game] .boost-button{border-color:var(--line-strong);color:var(--ink);background:linear-gradient(#fff,#efe8dd);box-shadow:0 5px #d9d0c3,0 9px 16px #5b462a17}body[data-view=game] .touch-player:first-child .touch-button,body[data-view=game] .touch-player:first-child .touch-control,body[data-view=game] .boost-button:first-child{border-color:#17696d59}body[data-view=game] .touch-player:last-child .touch-button,body[data-view=game] .touch-player:last-child .touch-control,body[data-view=game] .boost-button:last-child{border-color:#a92e5e59}body[data-view=game] .touch-button[data-pressed=true],body[data-view=game] .touch-control[data-pressed=true],body[data-view=game] .boost-button[data-pressed=true],body[data-view=game] .touch-button:active,body[data-view=game] .touch-control:active,body[data-view=game] .boost-button:active{color:#fff;border-color:var(--brand-primary);background:var(--brand-primary);box-shadow:0 2px 0 var(--brand-primary-dark)}body[data-view=game] .settings-form input[type=text],body[data-view=game] .settings-form input:not([type]),body[data-view=game] .settings-form select,body[data-view=game] .game-host input[type=text],body[data-view=game] .game-host select,body[data-view=game] .game-host textarea{border-color:var(--line);color:var(--ink);background:#f5f0e8}body[data-view=game] .settings-form input[type=range],body[data-view=game] .settings-form input[type=checkbox]{accent-color:var(--brand-primary)}body[data-view=game] .modal{border-color:var(--line-strong);color:var(--ink);background:var(--surface)}body[data-view=game] .modal::backdrop{background:#302a227a}body[data-view=game] .modal__header{border-bottom-color:var(--line);background:#fffdf8f5}body[data-view=game] .modal__body li::marker{color:var(--brand-primary-dark)}body[data-view=game] .result-badge{color:#fff;background:var(--brand-primary)}body[data-view=game] .key-guide,body[data-view=game] .modal-resource-link{color:var(--brand-primary-dark);background:var(--brand-primary-soft);border-color:#1f65d638}body[data-view=game] .toast{border-color:var(--line-strong);color:var(--ink);background:#fffdf8f7}body[data-view=game] .site-footer{border-top-color:var(--line)}body[data-view=game] .site-footer,body[data-view=game] .site-footer a,body[data-view=game] .site-footer button{color:var(--ink-soft)}body[data-view=game] .omok-game{--color-text:#171717;--color-text-muted:#625b52;--color-accent:#1f65d6;--omok-yellow:#1f65d6;--omok-panel:#fffdf8f5;color:var(--color-text)}body[data-view=game] .omok-player-card,body[data-view=game] .omok-round-copy,body[data-view=game] .omok-panel,body[data-view=game] .omok-status{border-color:var(--line);background:var(--omok-panel);box-shadow:var(--shadow-sm)}body[data-view=game] .omok-player-card[data-active=true]{box-shadow:0 0 0 3px #1f65d61f, var(--shadow-sm);border-color:#1f65d67a}body[data-view=game] .omok-score,body[data-view=game] .omok-panel-label{color:var(--brand-primary-dark)}body[data-view=game] .omok-board-frame{border-color:#70492547;box-shadow:0 22px 48px #5b462a2b,inset 0 0 0 1px #ffffff3d}body[data-view=game] .omok-pause-overlay{color:var(--ink);background:#fffdf8e6}body[data-view=game] .omok-pause-overlay strong,body[data-view=game] .omok-pause-overlay span{color:var(--brand-primary-dark)}body[data-view=game] .omok-placement-controls,body[data-view=game] .omok-turn-panel{background:var(--brand-primary-soft);border-color:#1f65d63d;box-shadow:0 10px 24px #1f65d614}body[data-view=game] .omok-rule-badge{background:#ffffffb8;border-color:#1f65d647;color:var(--brand-primary-dark)!important}body[data-view=game] .omok-settings{border-color:var(--line)}body[data-view=game] .omok-settings select,body[data-view=game] .omok-coordinate-controls select{border-color:var(--line);color:var(--ink);background:#f5f0e8}body[data-view=game] .omok-button{border-color:var(--line);color:var(--ink);background:#f3eee6}body[data-view=game] .omok-button:hover:not(:disabled){background:#fff;border-color:#1f65d661}body[data-view=game] .omok-button--primary,body[data-view=game] .omok-button--primary:hover:not(:disabled){border-color:var(--brand-primary);color:#fff;background:var(--brand-primary)}body[data-view=game] .omok-keyboard-controls,body[data-view=game] .omok-history{border-top-color:var(--line)}body[data-view=game] .ladder-game{--ladder-panel:#fffdf8f5;--ladder-line:#4d413129;color:var(--ink)}body[data-view=game] .ladder-setup{border-color:var(--ladder-line);background:var(--ladder-panel);box-shadow:var(--shadow-sm)}body[data-view=game] .ladder-game button{border-color:var(--line);color:var(--ink);background:#f3eee6}body[data-view=game] .ladder-game button:hover:not(:disabled){background:#fff;border-color:#1f65d657}body[data-view=game] .ladder-editors legend,body[data-view=game] .ladder-input-row span,body[data-view=game] .ladder-audit,body[data-view=game] .ladder-empty{color:var(--muted)}body[data-view=game] .ladder-game input{border-color:var(--line);color:var(--ink);background:#f5f0e8}body[data-view=game] .ladder-actions [data-action=generate]{border-color:var(--brand-primary);color:#fff;background:var(--brand-primary)}body[data-view=game] .ladder-actions [data-action=edit]{color:#744500;background:#fff5d7;border-color:#9a58004d}body[data-view=game] .ladder-stage{border-color:var(--line);background:#edf4ea;box-shadow:inset 0 0 0 1px #ffffffb8}body[data-view=game] .ladder-status{color:#205f49;background:#e8f5ee;border-color:#21795b38}body[data-view=game] .ladder-run-buttons button.revealed{color:color-mix(in srgb, var(--run-color) 42%, #171717);background:color-mix(in srgb, var(--run-color) 12%, #fff)}body[data-view=game] .ladder-results{background:#fff8e7;border-color:#9a580038}body[data-view=game] .ladder-results h3{color:#855000}body[data-view=game] .ladder-results li{box-shadow:inset 0 0 0 1px var(--line);background:#ffffffd1}body[data-view=game] .ladder-results strong{color:color-mix(in srgb, var(--result-color) 42%, #171717)}body[data-view=game] .ladder-results span{color:var(--ink)}body[data-view=game] .reaction-head,body[data-view=game] .reaction-status{border-color:var(--line);box-shadow:var(--shadow-sm);background:#fffdf8f5}body[data-view=game] .reaction-arena{border-color:var(--line-strong);box-shadow:var(--shadow-lg);background:#f3eee6}body[data-view=game] .reaction-zone{color:var(--ink);background:radial-gradient(circle at 50% 55%,#3479ea29,#0000 46%),#e8f1ff}body[data-view=game] .reaction-zone+.reaction-zone{border-left-color:var(--line);background:radial-gradient(circle at 50% 55%,#ef534629,#0000 46%),#fff0ec}body[data-view=game] .reaction-zone:active{background:#d8e8ff}body[data-view=game] .reaction-zone+.reaction-zone:active{background:#ffe0d9}body[data-view=game] .reaction-zone b{color:var(--cyan);background:#ffffffc7;border-color:#17696d47;box-shadow:0 8px 18px #3479ea1f}body[data-view=game] .reaction-zone+.reaction-zone b{color:var(--pink);background:#ffffffc7;border-color:#a92e5e47;box-shadow:0 8px 18px #ef53461f}body[data-view=game] .reaction-signal{color:var(--ink);background:#fffdf8;border-color:#ded5c8;box-shadow:0 16px 34px #5b462a2b,inset 0 2px #ffffffbf}body[data-view=game] .reaction-game[data-signal=go] .reaction-signal{color:#103c2a;background:#8cd8b4;box-shadow:0 0 0 12px #42a8781f,0 18px 40px #21795b33}body[data-view=game] .reaction-game[data-signal=false] .reaction-signal{color:#fff;background:#d9483b}body[data-view=game] .tap-battle{--tap-one:#17696d;--tap-two:#a92e5e;color:var(--ink)}body[data-view=game] .tap-battle__player,body[data-view=game] .tap-battle__clock,body[data-view=game] .tap-battle__toolbar,body[data-view=game] .tap-battle__status,body[data-view=game] .tap-battle__result{border-color:var(--line);box-shadow:var(--shadow-sm);background:#fffdf8f5}body[data-view=game] .tap-battle__toolbar select{border-color:var(--line);color:var(--ink);background:#f5f0e8}body[data-view=game] .tap-battle__gauge{background:#e5ddd1;border-color:#d9d0c3;box-shadow:inset 0 1px 3px #5b462a1f}body[data-view=game] .tap-battle__arena{border-color:var(--line-strong);box-shadow:var(--shadow-lg);background:#f3eee6}body[data-view=game] .tap-battle__zone{color:var(--ink);background:radial-gradient(circle at 50% 58%,#3479ea2e,#0000 44%),#e8f1ff}body[data-view=game] .tap-battle__zone--two{border-left-color:var(--line);background:radial-gradient(circle at 50% 58%,#ef53462e,#0000 44%),#fff0ec}body[data-view=game] .tap-battle__key{color:var(--tap-one);background:linear-gradient(145deg,#fff,#dcecff);border-color:#17696d47;box-shadow:0 8px #c8d9ee,0 14px 24px #3479ea1f}body[data-view=game] .tap-battle__zone--two .tap-battle__key{color:var(--tap-two);background:linear-gradient(145deg,#fff,#ffe1da);border-color:#a92e5e47;box-shadow:0 8px #e9c9c2,0 14px 24px #ef53461f}body[data-view=game] .tap-battle__result span{color:#855000}body[data-view=game] .roulette-game{--roulette-gold:#855000;color:var(--ink)}body[data-view=game] .roulette-editor,body[data-view=game] .roulette-canvas-shell,body[data-view=game] .roulette-status,body[data-view=game] .roulette-result{border-color:var(--line);box-shadow:var(--shadow-sm);background:#fffdf8f5}body[data-view=game] .roulette-item-row input{border-color:var(--line);color:var(--ink);background:#f5f0e8}body[data-view=game] .roulette-item-row button,body[data-view=game] .roulette-editor__actions button,body[data-view=game] .roulette-result button{border-color:var(--line);color:var(--ink);background:#f3eee6}body[data-view=game] .roulette-editor__actions .roulette-spin-button,body[data-view=game] .roulette-result .roulette-respin-button{border-color:var(--brand-primary);color:#fff;background:var(--brand-primary)}body[data-view=game] .roulette-canvas-shell,body[data-view=game] .roulette-canvas-shell canvas{background:#eee8de}body[data-view=game] .roulette-canvas-shell:after{border-color:#4d41311a}body[data-view=game] .roulette-motion-label{color:#744500;background:#fffdf8eb;border-color:#85500042}body[data-view=game] .roulette-game[data-phase=playing] .roulette-motion-label{color:#fff;background:var(--brand-primary)}body[data-view=game] .roulette-game[data-phase=paused] .roulette-canvas-shell canvas{filter:saturate(.45)brightness(.92)}@media (prefers-contrast:more){body[data-view=game]{--ink-soft:#302d29;--muted:#49443e;--line:#2f271d5c;--line-strong:#2f271d94}}