:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:#090b11;color:#eef1f7}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;height:100dvh;overscroll-behavior:none}body{margin:0;height:100%;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 20%,#1b2130 0,#090b11 55%);overscroll-behavior:none}body.touch-play{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}body.touch-play *{touch-action:none;-webkit-touch-callout:none;-webkit-user-drag:none}body.touch-play .overlay,body.touch-play .overlay *{touch-action:pan-y}body.touch-play header,body.touch-play header *{touch-action:manipulation}body.touch-play input,body.touch-play textarea{touch-action:auto;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}main{width:min(760px,100%);max-height:100%;min-height:0;min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch}header{height:auto;min-height:56px;padding:6px 4px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;flex:none}.header-brand{min-width:0;justify-self:start;grid-column:1}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;justify-self:end;grid-column:3}.header-abort{margin:0;padding:8px 12px;border:1px solid #3a465c;background:transparent;color:#eef1f7;letter-spacing:.08em;font:700 12px/1 IBM Plex Sans,sans-serif;cursor:pointer;flex:none}h1{margin:0;font-size:26px;letter-spacing:.16em}.icon-btn{margin:0;padding:0;width:40px;height:40px;flex:none;display:inline-grid;place-items:center;border:1px solid #3a465c;background:transparent;color:#eef1f7;letter-spacing:0;line-height:0;border-radius:4px}.icon-btn svg{width:20px;height:20px;display:block}.icon-btn .icon--sound,.icon-btn .icon--sound-muted{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn .icon-muted,.icon-btn .icon-play,.icon-btn[aria-pressed=true] .icon-sound,.icon-btn[aria-pressed=true] .icon-pause{display:none}.icon-btn[aria-pressed=true] .icon-muted,.icon-btn[aria-pressed=true] .icon-play{display:block}#muteButton[aria-pressed=true]{opacity:.7}.eyebrow{color:#7d879b;font-size:10px;letter-spacing:.24em;margin:0 0 5px}.stage-slot{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-board{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;align-items:center;justify-content:center}.game-shell{position:relative;padding:0;background:#0a0d14;border:1px solid #283143;box-shadow:0 25px 80px #0009;overflow:hidden;aspect-ratio:720 / 1000;width:auto;height:auto;max-width:100%;max-height:100%;flex:0 0 auto;container-type:inline-size}canvas{display:block;position:relative;z-index:1;object-fit:fill;background:#111721;cursor:crosshair;vertical-align:top;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;background:#090d15f2;z-index:3;--overlay-pad-t:24px;--overlay-pad-x:24px;--overlay-pad-b:24px;--overlay-gap:0px;--scroll-fade:36px;padding:var(--overlay-pad-t) var(--overlay-pad-x) var(--overlay-pad-b);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.scroll-fade{pointer-events:none;flex:none;align-self:stretch;z-index:8;overflow:visible;opacity:0;transition:opacity .18s ease;position:sticky;height:0;width:auto;max-width:none}.scroll-fade-top{top:0;margin-bottom:calc(-1 * var(--overlay-gap))}.scroll-fade-bottom{bottom:0;margin-top:calc(-1 * var(--overlay-gap))}.scroll-fade:before{content:"";display:block;position:absolute;pointer-events:none;left:calc(-1 * var(--overlay-pad-x));right:calc(-1 * var(--overlay-pad-x));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.scroll-fade-top:before{top:calc(-1 * var(--overlay-pad-t));height:calc(var(--scroll-fade) + var(--overlay-pad-t));background:linear-gradient(to bottom,#090d15d8,#090d1500);mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)}.scroll-fade-bottom:before{bottom:calc(-1 * var(--overlay-pad-b));height:calc(var(--scroll-fade) + var(--overlay-pad-b));background:linear-gradient(to top,#090d15d8,#090d1500);mask-image:linear-gradient(to top,#000,transparent);-webkit-mask-image:linear-gradient(to top,#000,transparent)}.overlay.can-scroll-up>.scroll-fade-top,.overlay.can-scroll-down>.scroll-fade-bottom{opacity:1}.overlay h2{margin:8px 0 12px;font-size:28px}.overlay .concept{color:#c6cedb;font-size:14px;max-width:min(640px,100%);margin:0 0 8px;line-height:1.55}.overlay .win-cond{color:#9da7b8;font-size:13px;max-width:min(640px,100%);margin:0 0 12px;line-height:1.5}.menu-overlay{justify-content:flex-start;align-items:stretch;text-align:left;gap:14px;--overlay-pad-t:18px;--overlay-pad-x:20px;--overlay-pad-b:28px;--overlay-gap:14px}.menu-overlay h2{margin:4px 0 8px}.menu-hero{text-align:center;flex-shrink:0}.menu-hero .concept{margin:0 auto}.menu-section{width:100%;padding:14px 16px 16px;background:#0e131c;border:1px solid #243044}.menu-section>.eyebrow:first-child{display:flex;align-items:center;margin-bottom:10px}.play-section{width:min(440px,100%);margin:0 auto;text-align:center;background:#121a28;border-color:#3a4a64}.play-section .name-field{width:100%;margin:0 0 12px}.ability-pick{width:100%;margin:0 0 14px;text-align:center}.ability-pick .eyebrow{margin-bottom:6px}.ability-pick-lead{margin:0 0 10px;color:#9da7b8;font-size:12px;line-height:1.45}.ability-pick-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.ability-choice{margin:0;padding:10px 8px;display:flex;flex-direction:column;gap:4px;align-items:center;border:1px solid #3a465c;background:#121826;color:#eef1f7;cursor:pointer}.ability-choice-name{font:800 13px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.12em}.ability-choice-desc{font-size:11px;color:#8b95a8;letter-spacing:.02em;line-height:1.35}.ability-choice.is-selected{border-color:#5ee2a0;background:#5ee2a014}.ability-choice.is-selected .ability-choice-name{color:#5ee2a0}.ability-choice:disabled{opacity:.55;cursor:default}.play-section #aiButton{width:100%}.play-split{margin:14px 0 0;color:#7d879b;font-size:10px;letter-spacing:.24em}.online-actions{width:100%;margin-top:8px}.online-actions button{flex:1}.play-section .code-entry{width:100%;margin:10px 0 0}.play-section .join-room{width:100%;margin:0}.field-hint{margin:8px 0 0;color:#6bcbff;font-size:12px;letter-spacing:.04em}.friends-panel .field-hint{text-align:left}.play-section .queue-status{margin-top:10px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(640px,100%);margin:0 auto;align-items:start}.menu-side{display:grid;gap:14px;min-width:0}.how-to .win-cond{margin:0 0 10px;text-align:left}.how-to .controls-note{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:#9da7b8;font-size:12px;line-height:1.45;text-align:left}.how-to .crystal-icon{width:.86em;height:1.2em;flex-shrink:0;transform:rotate(18deg)}.how-to .text-btn{margin-top:4px}.badge{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 5px;margin-left:8px;border-radius:8px;background:#ff5d6c;color:#fff;font:700 10px/1 ui-monospace,monospace;letter-spacing:0}.list-label{margin-top:4px}.list-label.hidden{display:none}.menu-overlay{scrollbar-width:thin;scrollbar-color:#3a465c transparent}.menu-grid>*,.menu-side{min-width:0}.friends-panel>.friend-list:last-child{margin-bottom:0}.overlay>p:not(.eyebrow):not(.queue-status):not(.concept):not(.win-cond):not(.room-code):not(.room-code-row):not(.play-split):not(.field-hint):not(.controls-note):not(.ability-pick-lead){color:#9da7b8;font-size:13px;max-width:520px}kbd{font:700 11px/1 ui-monospace,monospace;padding:5px 7px;border:1px solid #536077;background:#222a38;color:#fff;border-radius:3px}.name-field{display:flex;flex-direction:column;gap:6px;align-items:stretch;width:min(280px,80%);margin:0 0 14px;font-size:11px;letter-spacing:.12em;color:#8b95a8;text-align:left}.name-field input{padding:10px 12px;border:1px solid #3a465c;background:#121826;color:#eef1f7;font:700 16px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em}.mode-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}button,input,.text-btn{touch-action:manipulation;-webkit-touch-callout:none}button{margin-top:0;padding:13px 28px;border:0;background:#eaf6ff;color:#10131a;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .1s ease}button.secondary{background:transparent;color:#eaf6ff;border:1px solid #6d7c96}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid #6bcbff;outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}.icon-btn:active:not(:disabled),.header-abort:active:not(:disabled),.text-btn:active:not(:disabled),.paste-btn:active:not(:disabled),.icon-toggle:active:not(:disabled),@media (hover:hover){button:hover:not(:disabled){background:#fff;box-shadow:0 6px 18px #0007}button.secondary:hover:not(:disabled){background:#eaf6ff;color:#10131a;border-color:#eaf6ff}.icon-btn:hover:not(:disabled){border-color:#9aabc4;background:#1a2433;color:#fff;box-shadow:none}.header-abort:hover:not(:disabled){border-color:#e07a7a;color:#ffb4b4;background:#1a1216;box-shadow:none}.text-btn:hover:not(:disabled){color:#eaf6ff;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:3px}.join-room .paste-btn:hover:not(:disabled),.friend-code-block .icon-toggle:hover:not(:disabled){color:#eaf6ff;background:#1a2433;box-shadow:none;text-decoration:none}.code-copy .text-btn.copied:hover:not(:disabled){color:#7af0b4;text-decoration:none}.ability-choice:hover:not(:disabled){background:#1a2433;color:#eef1f7;box-shadow:none;border-color:#7d879b}.ability-choice.is-selected:hover:not(:disabled){background:#5ee2a014;border-color:#5ee2a0}}.queue-status{margin-top:12px;color:#6bcbff;font-size:13px;letter-spacing:.08em}.leaderboard{margin-top:0;width:100%;text-align:left}.leaderboard ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}.leaderboard li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;color:#c6cedb;padding:6px 8px;background:#121826;border:1px solid #243044}.leaderboard li .match-score{color:#ffd64a;font-family:ui-monospace,monospace;text-align:left;white-space:nowrap}.leaderboard li .match-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.leaderboard li .winner{color:#5ee2a0;font-weight:700}.leaderboard li .loser{color:#8b95a8}.leaderboard li .match-time{color:#7d879b;font-family:ui-monospace,monospace;text-align:right;white-space:nowrap}.leaderboard li.muted{display:block;color:#697287;border:0;background:transparent;padding:0}.friends-panel{margin-top:0;width:100%;text-align:left}.friend-code-block{margin:0 0 10px;display:grid;grid-template-columns:auto auto auto 1fr;grid-template-rows:auto auto;column-gap:8px;row-gap:0;align-items:center}.friend-code-label{grid-column:1;grid-row:1;margin:0;color:#7d879b;font-size:10px;letter-spacing:.24em;line-height:1}.friend-code-value{grid-column:1;grid-row:2;position:relative;display:inline-block;padding:0;font:700 16px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;color:#eaf6ff;white-space:nowrap}.friend-code-value.is-hidden{color:transparent;-webkit-user-select:none;user-select:none}.friend-code-value.is-hidden:after{content:"";position:absolute;inset:1px 0;background:#3a465c;border-radius:2px}.friend-code-block .icon-toggle{grid-column:2;grid-row:2;margin:0;padding:0;width:28px;height:28px;flex:none;display:inline-grid;place-items:center;background:transparent;color:#8b95a8;border:0;letter-spacing:0}.friend-code-block .icon-toggle svg{width:16px;height:16px;display:block}.friend-code-block .icon-toggle .icon--eye,.friend-code-block .icon-toggle .icon--eye-off{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.friend-code-block .icon-toggle .icon-eye{display:none}.friend-code-block .icon-toggle[aria-pressed=true] .icon-eye{display:block}.friend-code-block .icon-toggle[aria-pressed=true] .icon-eye-off{display:none}.friend-code-block .text-btn{grid-column:3;grid-row:2}.code-copy .text-btn{margin:0;min-width:3.5em;display:inline-grid;place-items:center}.code-copy .text-btn.copied{color:#5ee2a0}.code-copy .text-btn .icon--check{width:14px;height:14px;display:block}.room-share{margin:12px 0 0;display:flex;flex-direction:column;align-items:center;gap:10px}.room-qr{width:152px;height:152px;background:#fff;border-radius:4px;overflow:hidden;line-height:0}.room-qr svg{display:block;width:100%;height:100%}.room-share .room-code-row{margin:0}.room-share-hint{margin:0;color:#9da7b8;font-size:12px;letter-spacing:.04em}.room-share-actions{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;align-items:center}.room-share-actions .text-btn{margin:0;font-size:12px;min-width:6.5em}.room-share-actions .text-btn .icon--check{width:16px;height:16px}.room-code-row{margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:12px}.room-code{margin:0;font:800 36px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.28em;color:#eaf6ff}.friend-add{width:100%;margin:0 0 12px}.join-room.friend-add{width:100%}.join-room.friend-add input{letter-spacing:.08em;padding:10px 8px}.incoming-label{margin-top:8px}.friend-list{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px}.friend-list li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px;color:#c6cedb;padding:8px;background:#121826;border:1px solid #243044}.friend-list li.muted{display:block;color:#697287;border:0;background:transparent;padding:0}.friend-list .dot{width:8px;height:8px;border-radius:50%;background:#3a465c}.friend-list .dot.menu{background:#5ee2a0}.friend-list .dot.busy{background:#ffd64a}.friend-list .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.friend-list .meta strong{font-size:13px;color:#eef1f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-list .meta span{color:#7d879b;font:700 11px/1 ui-monospace,monospace;letter-spacing:.08em}.friend-list .actions{display:flex;gap:6px;flex:none;flex-wrap:nowrap}.friend-list .actions button{padding:6px 10px;letter-spacing:.06em;font-size:11px;white-space:nowrap}.invite-overlay,.confirm-overlay{z-index:6}.join-room{display:flex;gap:8px;width:min(280px,80%);margin:0 0 10px}.join-room .code-input{flex:1;min-width:0;display:flex;align-items:center;border:1px solid #3a465c;background:#121826}.join-room input{flex:1;min-width:0;padding:10px 12px;border:1px solid #3a465c;background:#121826;color:#eef1f7;font:700 16px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.28em;text-align:center;text-transform:uppercase}.join-room .code-input input{border:0;background:transparent}.join-room button{padding:10px 16px;letter-spacing:.08em}.join-room .paste-btn{margin:0;padding:0;width:36px;height:36px;flex:none;display:inline-grid;place-items:center;background:transparent;color:#8b95a8;border:0;letter-spacing:0}.join-room .paste-btn svg{width:18px;height:18px;display:block}.join-room .paste-btn .icon--clipboard{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#rematchScore{margin:0 0 8px;color:#ffd64a;font:700 18px/1.3 ui-monospace,monospace;letter-spacing:.08em}.hidden{display:none!important}.pause-overlay{z-index:4}.reconnect-overlay{z-index:3}.ready-overlay .ability-pick{width:min(520px,100%);margin:0 0 16px}.ready-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px 16px;width:min(520px,100%);margin:8px 0 16px}.ready-vs-label{margin:18px 0 0;font-size:22px;font-weight:800;letter-spacing:.16em}.ready-player{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:10px 8px 8px;border-radius:6px}.ready-side{font:700 11px/1 IBM Plex Sans,sans-serif;letter-spacing:.22em}.ready-name{font:800 22px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.06em;word-break:break-word}.ready-ability{font:700 12px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.1em;color:#9da7b8;min-height:1em}.ready-player.is-blue .ready-ability{color:#76edf8aa}.ready-player.is-red .ready-ability{color:#ff7082aa}.ready-you-tag{font-size:10px;letter-spacing:.2em;color:#7d879b;min-height:1em;visibility:hidden}.ready-player.is-you .ready-you-tag{visibility:visible}.ready-player.is-blue .ready-side,.ready-player.is-blue .ready-name{color:#76edf8}.ready-player.is-red .ready-side,.ready-player.is-red .ready-name{color:#ff7082}.ready-mark{width:28px;height:28px;display:grid;place-items:center;border:2px solid #3a465c;border-radius:50%;color:#5ee2a0}.ready-mark svg{width:16px;height:16px;display:block}.ready-mark .icon--check{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ready-player.is-ready .ready-mark{border-color:#5ee2a0;background:#5ee2a01f}.ready-player.is-you.is-blue{background:#76edf814}.ready-player.is-you.is-red{background:#ff708214}.forfeit-overlay{z-index:4}.text-btn{margin-top:10px;padding:0;border:0;background:transparent;color:#8b95a8;font:700 12px/1.4 IBM Plex Sans,sans-serif;letter-spacing:.12em;cursor:pointer}.message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900;font-size:40px;letter-spacing:.08em;text-shadow:0 4px 20px #000;pointer-events:none;z-index:2}.message.countdown{font-size:108px;letter-spacing:0}@media(pointer:coarse){.kbd-hint{display:none}.icon-btn{width:44px;height:44px}.header-abort{min-height:44px}.friend-code-block .icon-toggle,.join-room .paste-btn{width:44px;height:44px}.join-room .code-input,.join-room button,.name-field input,.join-room input{min-height:44px}.code-copy .text-btn{min-width:44px;min-height:44px}.text-btn{min-height:44px;padding:12px 4px;display:inline-flex;align-items:center}.friend-list .actions button{min-height:44px;padding:10px 12px}}@media(max-width:700px),(max-height:540px){header{min-height:52px;padding:6px 8px 8px}h1{font-size:clamp(16px,5.2vw,22px);letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay{--overlay-pad-t:16px;--overlay-pad-x:12px;--overlay-pad-b:max(28px, env(safe-area-inset-bottom));scroll-padding-bottom:30vh}.overlay h2{font-size:20px}.menu-overlay{--overlay-pad-t:16px;--overlay-pad-x:12px;--overlay-pad-b:max(28px, env(safe-area-inset-bottom))}.menu-grid{grid-template-columns:1fr}.mode-actions{flex-direction:column;width:100%}.mode-actions button{width:100%}.friend-code-block{column-gap:8px}.room-code{font-size:28px;letter-spacing:.16em}.room-qr{width:128px;height:128px}.room-share{gap:8px}.ready-name{font-size:18px}.ready-vs{margin:4px 0 12px;gap:8px 10px}.room-share-actions{width:100%}.room-share-actions .text-btn{flex:1;min-width:8em}}@container (max-width:640px){.menu-grid{grid-template-columns:1fr}.mode-actions{flex-direction:column;width:100%}.mode-actions button{width:100%}.overlay h2{font-size:20px}.friend-code-block{column-gap:8px}.room-code{font-size:28px;letter-spacing:.16em}.room-qr{width:128px;height:128px}.room-share-actions{width:100%}.room-share-actions .text-btn{flex:1;min-width:8em}}body.rail-play{padding-bottom:max(8px,env(safe-area-inset-bottom))}body.rail-play header{min-height:0;padding:2px 4px 6px}body.rail-play header .eyebrow{display:none}body.rail-play h1{font-size:18px;letter-spacing:.12em}body.rail-play .icon-btn{width:36px;height:36px}body.rail-play .header-abort{min-height:36px;padding:6px 10px}.stage-slot.rail-play{--touch-rail: 64px;--touch-rail-gap: 8px;display:flex;flex-direction:column;justify-content:center;width:100%;margin-inline:auto;overflow:visible}.stage-slot.touch-play{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--touch-apron: 56px}.stage-slot.rail-play .stage-board{flex:0 0 auto;min-height:0;min-width:0;width:100%;height:var(--shell-h, auto);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--touch-rail-gap);overflow:visible}.stage-slot.rail-play .game-shell{max-height:100%;max-width:100%;flex:0 0 auto;order:2}.stage-slot.touch-play .game-shell{touch-action:none}body.rail-play.touch-landscape{padding:max(4px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}body.rail-play.touch-landscape main{width:100%}body.rail-play.touch-landscape header{min-height:0;padding:2px 4px 4px;gap:8px}body.rail-play.touch-landscape header .eyebrow{display:none}body.rail-play.touch-landscape h1{font-size:16px;letter-spacing:.12em}body.rail-play.touch-landscape .icon-btn{width:32px;height:32px}body.rail-play.touch-landscape .header-abort{min-height:32px;padding:4px 8px;font-size:11px}.stage-slot.rail-play.touch-landscape{width:100%;margin:0}@media(max-width:700px){body.rail-play:not(.touch-landscape){padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}}