@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";@font-face{font-family:PlaygroundKorean;src:url(/fonts/noto-sans-kr-900.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:900}:root{--cell-tile: url(/star.svg);--cell-tile-selected: url(/star.svg);--font-casual: "PlaygroundKorean", "Jua", "Arial Rounded MT Bold", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--starpang-menu-max-width: 432px;--starpang-bottom-nav-width: min(var(--starpang-menu-max-width), calc(100vw - 20px) );--starpang-bottom-nav-height: calc(90px + env(safe-area-inset-bottom)) }.pixi-menu-scene-stage{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:2}.pixi-menu-scene-stage canvas{display:block;height:100%;width:100%}.board-card--pixi{display:grid;height:100%;min-height:0;min-width:0;place-items:stretch;width:100%}.pixi-game-board{height:100%;min-height:0;min-width:0;touch-action:none;width:100%}.pixi-game-board canvas{display:block;height:100%;width:100%}*{box-sizing:border-box}body{margin:0;font-family:var(--font-casual);background:radial-gradient(circle at top,rgba(92,127,255,.18),transparent 42%),linear-gradient(180deg,#07101d,#0d1b2d 52%,#14263a);color:#eef5ff}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root,.app-shell-root{min-height:100vh}.product-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.shell-chrome{position:relative;z-index:1;min-height:100vh}.screen-transition-shell{--screen-transition-exit-duration: .18s;--screen-transition-enter-duration: .42s;--screen-transition-menu-exit-duration: .24s;--screen-transition-menu-enter-duration: .52s;--screen-transition-ease-out: cubic-bezier(.18, .82, .22, 1);--screen-transition-ease-in: cubic-bezier(.55, 0, .75, 0);--screen-transition-content-exit-x: 0;--screen-transition-content-exit-y: -14px;--screen-transition-content-enter-x: 0;--screen-transition-content-enter-y: 16px;--screen-transition-menu-exit-y: -72px;--screen-transition-menu-enter-y: -86px;--screen-transition-veil-opacity: .28;isolation:isolate;position:relative}.screen-transition-shell[data-screen-transition-variant=up]{--screen-transition-content-exit-y: -16px;--screen-transition-content-enter-y: -18px}.screen-transition-shell:after{content:"";position:fixed;inset:0;z-index:180;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 14%,rgba(136,184,255,.16),transparent 34%),#050c1657}.screen-transition-content{position:relative;z-index:1;transform-origin:center}.screen-transition-shell[data-screen-transition-phase=exit] .screen-transition-content,.screen-transition-shell[data-screen-transition-phase=cover] .screen-transition-content,.screen-transition-shell[data-screen-transition-phase=enter] .screen-transition-content{pointer-events:none;contain:paint;will-change:transform,opacity}.screen-transition-shell[data-screen-transition-phase=exit] .starpang-menu-screen>:not(.showcase-bottom-nav),.screen-transition-shell[data-screen-transition-phase=enter] .starpang-menu-screen>:not(.showcase-bottom-nav){backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}.screen-transition-shell[data-screen-transition-phase=exit] .starpang-menu-screen>:not(.showcase-bottom-nav){animation:screen-transition-menu-exit var(--screen-transition-menu-exit-duration) var(--screen-transition-ease-in) both}.screen-transition-shell[data-screen-transition-phase=enter] .starpang-menu-screen>:not(.showcase-bottom-nav){animation:screen-transition-menu-enter var(--screen-transition-menu-enter-duration) var(--screen-transition-ease-out) both}.screen-transition-shell[data-screen-transition-phase=exit] .screen-transition-content .menu-glossy-panel,.screen-transition-shell[data-screen-transition-phase=cover] .screen-transition-content .menu-glossy-panel,.screen-transition-shell[data-screen-transition-phase=enter] .screen-transition-content .menu-glossy-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.screen-transition-shell[data-screen-transition-phase=exit] .screen-transition-content{animation:screen-transition-content-exit var(--screen-transition-exit-duration) var(--screen-transition-ease-in) both}.screen-transition-shell[data-screen-transition-phase=enter] .screen-transition-content{animation:screen-transition-content-enter var(--screen-transition-enter-duration) var(--screen-transition-ease-out) both}.screen-transition-shell[data-screen-transition-phase=cover] .screen-transition-content{opacity:0;transform:translate3d(var(--screen-transition-content-enter-x),var(--screen-transition-content-enter-y),0) scale(.992)}.screen-transition-shell[data-screen-transition-phase=exit]:after{animation:screen-transition-veil-in var(--screen-transition-exit-duration) var(--screen-transition-ease-in) both;will-change:opacity}.screen-transition-shell[data-screen-transition-phase=cover]:after{opacity:var(--screen-transition-veil-opacity);will-change:opacity}.screen-transition-shell[data-screen-transition-phase=enter]:after{animation:screen-transition-veil-out var(--screen-transition-enter-duration) var(--screen-transition-ease-out) both;will-change:opacity}.screen-transition-shell[data-screen-transition-phase=exit] .showcase-bottom-nav,.screen-transition-shell[data-screen-transition-phase=cover] .showcase-bottom-nav,.screen-transition-shell[data-screen-transition-phase=enter] .showcase-bottom-nav{animation:none!important;opacity:1!important;pointer-events:auto;transform:none!important;will-change:auto}.screen-transition-shell[data-screen-transition-phase=exit] .showcase-bottom-nav--global,.screen-transition-shell[data-screen-transition-phase=cover] .showcase-bottom-nav--global,.screen-transition-shell[data-screen-transition-phase=enter] .showcase-bottom-nav--global{transform:translate(-50%)!important}@keyframes screen-transition-content-exit{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:.18;transform:translate3d(var(--screen-transition-content-exit-x),var(--screen-transition-content-exit-y),0) scale(.992)}}@keyframes screen-transition-content-enter{0%{opacity:0;transform:translate3d(var(--screen-transition-content-enter-x),var(--screen-transition-content-enter-y),0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes screen-transition-veil-in{0%{opacity:0}to{opacity:var(--screen-transition-veil-opacity)}}@keyframes screen-transition-veil-out{0%{opacity:var(--screen-transition-veil-opacity)}to{opacity:0}}@keyframes screen-transition-menu-exit{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,var(--screen-transition-menu-exit-y),0) scale(.985)}}@keyframes screen-transition-menu-enter{0%{opacity:0;transform:translate3d(0,var(--screen-transition-menu-enter-y),0) scale(.985)}56%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.screen-transition-shell[data-screen-transition-phase=exit] .screen-transition-content,.screen-transition-shell[data-screen-transition-phase=cover] .screen-transition-content,.screen-transition-shell[data-screen-transition-phase=enter] .screen-transition-content,.screen-transition-shell[data-screen-transition-phase=exit] .starpang-menu-screen>:not(.showcase-bottom-nav),.screen-transition-shell[data-screen-transition-phase=enter] .starpang-menu-screen>:not(.showcase-bottom-nav),.screen-transition-shell[data-screen-transition-phase=exit]:after,.screen-transition-shell[data-screen-transition-phase=cover]:after,.screen-transition-shell[data-screen-transition-phase=enter]:after{animation-duration:1ms!important;transform:none!important}}.shell-chrome--with-bottom-nav>.screen-transition-content>.content-page,.shell-chrome--with-bottom-nav>.screen-transition-content>.auth-page:not(.auth-page--starpang){padding-bottom:calc(176px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))}.starfield-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.starfield-backdrop canvas{width:100%;height:100%;display:block}.starfield-backdrop--landing{opacity:1}.starfield-backdrop--portal{opacity:.78}.starfield-backdrop--play{opacity:1}.starfield-backdrop--heat-1{filter:saturate(1.04)}.starfield-backdrop--heat-2{filter:saturate(1.1) brightness(1.02)}.starfield-backdrop--heat-3{filter:saturate(1.16) brightness(1.06)}.starfield-backdrop--heat-4{filter:saturate(1.24) brightness(1.1)}.product-shell:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top,rgba(119,162,255,.16),transparent 42%),radial-gradient(circle at bottom,rgba(248,193,79,.08),transparent 38%);z-index:0}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;position:relative;z-index:20}.shell-header--play{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.shell-header-pressure{display:flex;justify-content:center;justify-self:center;min-width:0}.shell-header--play .combo-pressure-shell{width:min(360px,100%);min-height:52px}.shell-brand{font-size:28px;font-weight:800;letter-spacing:-.03em;text-decoration:none}.shell-nav{display:flex;gap:16px}.shell-nav a{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-weight:700;opacity:.9}.nav-icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.35}.nav-icon--home{fill:currentColor;stroke:none}.landing-page,.auth-page,.content-page{padding:24px;position:relative;z-index:1}.hero-card{max-width:720px;margin:40px auto 0;padding:32px;border-radius:24px;background:#0a14229e;border:1px solid rgba(167,190,255,.24);box-shadow:0 24px 48px #00000038,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#86a7ff}.hero-card h1{margin:0;font-size:clamp(42px,7vw,76px);letter-spacing:-.05em}.hero-copy{max-width:560px;font-size:18px;line-height:1.6;color:#d6e2f8}.hero-actions{display:flex;gap:12px;margin-top:24px}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:800}.primary-link{background:#f8c14f;color:#152237}.secondary-link{border:1px solid rgba(255,255,255,.18)}.auth-form{display:grid;gap:14px;max-width:360px}.admin-form{display:grid;gap:10px;margin-top:16px}.auth-form label,.admin-form label{display:grid;gap:6px}.auth-form input,.admin-form input{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#0b1624b8;color:inherit}.auth-form button{margin-top:8px}.form-error{color:#ff8e9c;font-weight:700}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:24px 0}.stat-card{padding:20px;border-radius:18px;background:#0a142294;border:1px solid rgba(167,190,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card-title{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#86a7ff}.stat-card h2{margin:0;font-size:28px}.stat-card-body{margin-bottom:0;color:#d6e2f8}.simple-list{display:grid;gap:10px;padding:0;list-style:none}.simple-list li{padding:14px 16px;border-radius:14px;background:#0a142294;border:1px solid rgba(167,190,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-page{display:grid;gap:20px}.play-viewport-page{min-height:calc(100dvh - 84px);padding:6px 18px 18px;display:grid;gap:0;overflow:hidden;overscroll-behavior:none;touch-action:none}html.is-play-viewport-locked,html.is-play-viewport-locked body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}.combo-pressure-shell{pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding-top:0}.combo-pressure-countdown{width:min(260px,100%);display:grid;gap:4px;justify-items:center}.combo-pressure-countdown-value{margin:0;color:#eff6ffe6;font-size:15px;font-weight:800;letter-spacing:.08em}.combo-pressure-track{width:100%;height:6px;border-radius:999px;overflow:hidden;background:#a1bcff2e;box-shadow:inset 0 0 0 1px #ffffff0d}.combo-pressure-fill{display:block;width:100%;height:100%;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#f8c14ff2,#fff0bef2);box-shadow:0 0 18px #f8c14f66}.combo-pressure-countdown--warning .combo-pressure-fill{background:linear-gradient(90deg,#ffae52f2,#ffe0a0f2)}.combo-pressure-countdown--critical .combo-pressure-fill{background:linear-gradient(90deg,#ff6262f5,#ffc48ef5);box-shadow:0 0 20px #ff62627a}.combo-pressure-flight{display:inline-flex;align-items:baseline;gap:12px;padding:8px 16px 10px;border-radius:999px;background:radial-gradient(circle at center,#f8c14f38,#0a14220d);text-shadow:0 0 18px rgba(255,240,190,.22);animation:combo-flight-in .52s cubic-bezier(.18,.82,.25,1)}.combo-pressure-label{color:#f8c14ff2;font-size:13px;font-weight:900;letter-spacing:.28em}.combo-pressure-value{color:#fff8df;font-weight:900;line-height:.95;letter-spacing:-.05em;text-shadow:0 0 20px rgba(248,193,79,.28),0 0 36px rgba(255,255,255,.08)}@keyframes combo-flight-in{0%{opacity:0;transform:translate3d(140px,-54px,0) scale(.72);filter:blur(12px)}55%{opacity:1;transform:translate3d(-8px,0,0) scale(1.04);filter:blur(0)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}.play-viewport-layout{min-height:0;flex:1 1 auto;display:grid;gap:10px;grid-template-columns:minmax(236px,292px) minmax(0,1fr);align-items:start}.play-layout{display:grid;gap:20px;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}.hud-card,.board-card,.result-card{padding:24px;border-radius:24px;background:#0a1422a3;border:1px solid rgba(167,190,255,.24);box-shadow:0 24px 48px #0000002e,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.compact-grid{margin-bottom:0}.launcher-grid{display:flex;flex-wrap:wrap;gap:12px}.launcher-grid--play{justify-content:flex-end}.mode-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:800;background:#0e1c2dad;border:1px solid rgba(167,190,255,.18)}.mode-chip small{opacity:.72;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.mode-chip.active{background:#f8c14f;color:#152237}.mode-chip.flagship{box-shadow:0 0 0 1px #f8c14f47}.board-grid{display:grid;gap:10px}.board-card--legacy{--cell-tile: url(/star.png);--cell-tile-selected: url(/star-selected.png);padding:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.board-card--legacy .board-stage{position:relative;border-radius:16px;padding:clamp(4px,1vw,10px) clamp(14px,2.8vw,40px) clamp(10px,2vh,22px);background:transparent;border:none;min-height:0;display:grid;justify-items:center;align-items:start;cursor:default;touch-action:none}.board-card--legacy .board{position:relative;z-index:2;display:grid;--gap: 23px;--cell: 56px;--num-size: 30px;grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));gap:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;justify-content:center;align-content:center;width:calc((var(--cell) * var(--cols)) + (var(--gap) * (var(--cols) - 1)));height:calc((var(--cell) * var(--rows)) + (var(--gap) * (var(--rows) - 1)))}.board-card--legacy .drag-rect{position:absolute;z-index:3;pointer-events:none;border:3px solid rgba(65,82,168,.58);border-radius:14px;background:#6f86ff24;display:none;box-shadow:inset 0 0 0 1px #ffffff73}.board-card--legacy .answer-hint-rect{position:absolute;z-index:7;align-self:stretch;justify-self:stretch;inset:calc(var(--cell) * -.04);pointer-events:none;border:clamp(3px,calc(var(--cell) * .08),7px) solid rgba(255,255,255,.94);border-radius:clamp(12px,calc(var(--cell) * .24),22px);background:#fff1681a;box-shadow:0 0 0 clamp(2px,calc(var(--cell) * .035),4px) #ffd43ad1,0 0 20px #ffd228ad,inset 0 0 18px #ffffff7a;animation:answer-hint-blink .5s ease-in-out 2}.board-card--legacy .drag-selection-overlay{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;touch-action:none;pointer-events:auto;contain:strict}.board-card--legacy .board-stage.is-gravity-dropping .drag-selection-overlay{z-index:8}.board-card--legacy .drag-selection-visual-overlay{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;contain:strict}.board-card--legacy .match-fx-overlay{position:absolute;inset:0;z-index:4;display:block;width:100%;height:100%;pointer-events:none;contain:strict}.board-card--legacy .cell{width:100%;aspect-ratio:1 / 1;position:relative;display:grid;place-items:center;padding:0;margin:0;border:none;background:transparent;appearance:none;cursor:default;transition:transform .11s ease,opacity .18s ease}.board-card--legacy .cell.tile:before{content:"";position:absolute;inset:0;background-image:var(--cell-tile);background-repeat:no-repeat;background-size:100% 100%;background-position:center}.board-card--legacy .cell .num{position:relative;z-index:1;font-size:var(--num-size);font-weight:900;letter-spacing:-.01em;color:#435361;text-shadow:0 1px 0 rgba(255,255,255,.65),0 2px 3px rgba(0,0,0,.32);line-height:1;pointer-events:none}.board-card--legacy .cell.in-rect.tile .num{color:#0b1220;-webkit-text-stroke:1.2px rgba(238,246,255,.95);text-shadow:0 0 8px rgba(226,241,255,.72),0 2px 3px rgba(0,0,0,.45)}.board-card--legacy .cell.empty{opacity:0;pointer-events:none}.board-card--legacy .cell:disabled{cursor:default}.board-selection{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dbe8ff}.board-selection--valid{color:#f8e7aa}.board-selection--invalid{color:#ff9ca4}.board-selection--pending{color:#9bc1ff}.tile-button,.action-button{border:0;cursor:pointer;font:inherit}.tile-button{min-height:68px;border-radius:18px;background:linear-gradient(180deg,#f8c14ff2,#e9943eeb);color:#152237;font-size:24px;font-weight:900;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.tile-button.selected{transform:translateY(-2px);box-shadow:0 0 0 2px #fff8cdcc,0 16px 28px #f8c14f3d;filter:saturate(1.08)}.tile-button.cleared{background:#ffffff14;color:#86a7ff}.hud-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.hud-card.heat-tier-1{border-color:#b4c9ff47}.hud-card--play{padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.hud-card--play .card-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-card--play .stat-card{padding:16px}.hud-card--play .stat-card h2{font-size:clamp(24px,3vw,34px)}.hud-card.heat-tier-2{border-color:#f8c14f4d;box-shadow:0 24px 48px #0000002e,0 0 0 1px #f8c14f1f,inset 0 1px #ffffff0a}.hud-card.heat-tier-3,.hud-card.heat-tier-4{border-color:#f8c14f66;box-shadow:0 24px 48px #0000002e,0 0 32px #f8c14f1f,inset 0 1px #ffffff0a}.hud-chip{margin:0;padding:8px 12px;border-radius:999px;background:#637fc533;border:1px solid rgba(167,190,255,.18);color:#dce8ff;font-size:13px;font-weight:700}.hud-chip-warning{background:#f8c14f29;border-color:#f8c14f47;color:#ffe59c}.hud-chip-danger{background:#ff728424;border-color:#ff72844d;color:#ffbdc6}.result-overlay{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:#07101d9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.result-overlay .result-card{width:min(480px,100%);max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}@media(max-width:960px){.shell-header--play{grid-template-columns:1fr;gap:10px}.shell-header--play .shell-brand{justify-self:start}.shell-header--play .shell-nav{justify-self:start;flex-wrap:wrap}.shell-header--play .shell-header-pressure{width:100%}.play-viewport-page{min-height:auto;overflow:auto}.combo-pressure-shell{width:min(320px,100%);min-height:48px}.play-viewport-layout{grid-template-columns:1fr}.launcher-grid--play{justify-content:flex-start}.play-layout{grid-template-columns:1fr}.board-card--legacy .board-stage{padding:clamp(4px,1.4vw,8px) clamp(8px,2.2vw,16px) clamp(8px,2vh,16px)}.board-card--legacy .board{--cell: clamp(32px, 9vw, 50px);--gap: clamp(10px, 3vw, 18px);--num-size: clamp(18px, 4.6vw, 28px)}}body{background:linear-gradient(180deg,#5fc8ff,#b8efff 42%,#a8ed8e);color:#3d2c1f;overscroll-behavior:none}.cute-shell.product-shell{background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.72),transparent 18%),radial-gradient(circle at 86% 72%,rgba(255,214,92,.26),transparent 22%),linear-gradient(180deg,#5fc8ff,#c6f5ff 48%,#a9ee85)}.cute-shell.product-shell:after{background:radial-gradient(circle at 18% 94%,rgba(255,130,174,.3),transparent 20%),radial-gradient(circle at 95% 18%,rgba(255,255,255,.7),transparent 16%)}.cute-shell .starfield-backdrop{opacity:.22;filter:saturate(.8) brightness(1.3)}.shell-header{padding:max(14px,env(safe-area-inset-top)) 22px 12px}.cute-shell .shell-brand,.cute-logo{color:#ffcc32;font-weight:1000;text-shadow:0 3px 0 #fff,0 8px 0 rgba(35,111,211,.24),0 10px 24px rgba(34,125,225,.24);-webkit-text-stroke:1px #ffffff}.cute-shell .shell-nav{align-items:center}.cute-shell .shell-nav a,.nav-button{min-height:42px;padding:10px 14px;border-radius:16px;background:#ffffffd1;color:#2869b8;border:2px solid rgba(255,255,255,.86);box-shadow:0 8px #2a7bcd24}.nav-button{font:inherit;font-weight:900;cursor:pointer}.cute-home-page,.cute-auth-page{min-height:calc(100dvh - 78px);padding:14px clamp(14px,4vw,28px) calc(94px + env(safe-area-inset-bottom))}.cute-hero,.cute-dashboard,.cute-auth-card{width:min(760px,100%);margin:0 auto;padding:clamp(18px,4vw,30px);border:4px solid rgba(255,255,255,.72);border-radius:28px;background:#ffffffc2;box-shadow:0 12px #2677d529,0 24px 54px #2d70be2e,inset 0 2px #ffffffdb}.cute-home-page .hero-card{border:4px solid rgba(255,255,255,.72);border-radius:28px;background:#ffffffc2;color:#3d2c1f;box-shadow:0 12px #2677d529,0 24px 54px #2d70be2e}.cute-home-page .hero-card h1{color:#236fd3;letter-spacing:0}.cute-hero{display:grid;gap:16px;justify-items:center;text-align:center}.cute-logo{font-size:clamp(58px,16vw,118px);line-height:.92;letter-spacing:0}.cute-hero h1,.cute-dashboard h1,.cute-auth-card h1,.leaderboard-page h1{margin:0;color:#236fd3;font-size:clamp(34px,7vw,64px);letter-spacing:0}.target-bubble{width:min(620px,100%);min-height:110px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;padding:18px 24px;border:3px solid rgba(140,207,255,.58);border-radius:28px;background:#ffffffd1}.target-bubble span{color:#2586d8;font-size:clamp(28px,7vw,52px);font-weight:1000}.target-bubble strong{color:#1976e5;font-size:clamp(72px,20vw,140px);line-height:.8}.mini-board{width:min(440px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-radius:24px;background:#3aaef3;box-shadow:inset 0 0 0 4px #ffffff57}.mini-star{min-height:74px;display:grid;place-items:center;border-radius:18px;background:#ecf9ff;color:#6f421a;font-size:30px;font-weight:1000;box-shadow:inset 0 -5px #3697e81f}.primary-link,.secondary-link,.auth-form button{min-height:58px;border-radius:18px;border:3px solid rgba(255,255,255,.76);font-weight:1000;letter-spacing:0;text-decoration:none;box-shadow:0 8px #3c436829}.primary-link,.auth-form button{background:linear-gradient(180deg,#ff8a82,#ff6f7e);color:#fff}.secondary-link{background:linear-gradient(180deg,#6ee8cf,#3bcaae);color:#fff}.big-play-link{min-width:188px;font-size:24px}.cute-dashboard{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cute-stat-grid .stat-card,.hud-card .stat-card,.simple-list li{border:3px solid rgba(255,255,255,.68);border-radius:22px;background:#ffffffc2;color:#3d2c1f;box-shadow:0 8px #2f7ad21f}.stat-card-title,.eyebrow{color:#2384d8;letter-spacing:0}.play-viewport-page{min-height:calc(100dvh - 78px);padding:6px clamp(8px,2vw,18px) calc(14px + env(safe-area-inset-bottom))}.play-viewport-layout{grid-template-columns:minmax(210px,268px) minmax(0,1fr);align-items:start}.hud-card{padding:16px;border:4px solid rgba(255,255,255,.7);border-radius:24px;background:#ffffffc7;color:#3d2c1f;box-shadow:0 12px #2f7ad224}.hud-card .target-number{margin:0 0 12px;color:#1976e5;font-size:clamp(72px,9vw,118px);line-height:.82;text-align:center}.play-rule{margin:-4px 0 12px;color:#2d6fb8;font-size:15px;font-weight:900;text-align:center}.hud-card .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hud-card .stat-card{padding:10px;min-height:84px}.hud-card .stat-card h2{color:#ef5b71}.hud-chip{background:#ffffffb8;color:#236fd3;border:2px solid rgba(85,171,238,.22)}.board-card--legacy .board-stage{border-radius:30px;padding:clamp(10px,2vw,22px);background:linear-gradient(180deg,#56c0ff,#1b9dea);box-shadow:0 14px #186dcd47,inset 0 0 0 4px #ffffff61}.board-card--legacy .board{--gap: clamp(9px, 2.2vw, 18px);--cell: clamp(42px, 5.8vw, 62px);--num-size: clamp(22px, 3vw, 34px)}.board-card--legacy .cell{border-radius:0;overflow:visible}.board-card--legacy .cell.tile{background:transparent;box-shadow:none}.board-card--legacy .cell.tile:before{inset:6%}.board-card--legacy .cell .num{position:relative;color:#6b4218;font-weight:1000;padding-top:18px;text-shadow:none}.board-card--legacy .cell.tile .num:before{content:"";position:absolute;left:50%;top:-6px;width:5px;height:5px;border-radius:50%;background:#4b2b11;transform:translate(-13px);box-shadow:24px 0 #4b2b11,3px 11px 0 1px #ff9eb2,21px 11px 0 1px #ff9eb2}.board-card--legacy .cell.tile .num:after{content:"";position:absolute;left:50%;top:-2px;width:12px;height:7px;border-bottom:3px solid #4b2b11;border-radius:0 0 12px 12px;transform:translate(-50%)}.board-card--legacy .cell.in-rect.tile{animation:none}.board-card--legacy .cell.in-rect.tile:before{background-image:var(--cell-tile-selected)}.board-card--legacy .cell.in-rect.tile:after{content:none;position:absolute;inset:-4%;z-index:1;border-radius:50%;background:radial-gradient(circle,rgba(255,240,172,.38) 0 38%,rgba(255,126,164,.18) 48%,transparent 70%);pointer-events:none}.board-card--legacy .drag-rect{border-width:4px;border-radius:18px;box-shadow:inset 0 0 0 2px #ffffffa8,0 0 18px #ffffff6b}.scope-tabs{width:min(680px,100%);margin:0 auto 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border-radius:22px;background:#ffffff94}.scope-tabs button{min-height:48px;border:0;border-radius:16px;background:transparent;color:#2c6fb6;font:inherit;font-weight:1000}.scope-tabs button.active{background:#fff;color:#ef5b71;box-shadow:0 6px #2f7ad21f}.rank-list-cute{width:min(680px,100%);margin:0 auto;padding:0}.rank-list-cute li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.rank-medal{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffcf4e;color:#8a4d17;font-weight:1000}.cute-auth-card{max-width:520px}.auth-form input{min-height:52px;border:3px solid rgba(69,160,231,.28);border-radius:16px;background:#ffffffe0;color:#3d2c1f;font:inherit;font-weight:800}.auth-form label{color:#2d6fb8;font-weight:1000}.result-overlay{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72),transparent 20%),radial-gradient(circle at 88% 76%,rgba(255,210,82,.24),transparent 22%),linear-gradient(180deg,#48b9ff7a,#9fee8575);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.result-overlay .result-card{position:relative;isolation:isolate;border:5px solid rgba(255,255,255,.9);border-radius:34px;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.92),transparent 26%),linear-gradient(180deg,#fffffff7,#fff9e4f2);color:#3d2c1f;text-align:center;display:grid;align-content:start;gap:10px;padding:clamp(18px,3.8vw,28px) clamp(15px,3.6vw,26px) clamp(16px,3.2vw,24px);box-shadow:inset 0 0 0 4px #aaddff80,inset 0 0 0 10px #ffffff75,0 12px #2a95ce3d,0 28px 42px #2770a63d}.result-overlay .result-card:before{content:"";position:absolute;inset:13px;z-index:0;border-radius:25px;pointer-events:none;box-shadow:inset 0 2px #ffffffa6,inset 0 -10px 18px #ffecb42e}.result-overlay .result-card>*{position:relative;z-index:1}.result-overlay .result-card>.result-card-mascot{position:absolute;top:15px;right:14px;z-index:2;width:62px;height:62px;filter:none}.result-overlay .result-card>.result-spark{position:absolute;z-index:2;width:22px;height:22px;filter:none}.result-spark--left{left:12%;top:45px}.result-spark--right{right:24%;top:38px}.result-overlay .eyebrow{margin:0;color:#2779d8;font-size:13px;font-weight:1000;letter-spacing:0}.result-overlay h2{justify-self:center;display:inline-grid;grid-template-columns:auto minmax(0,auto);align-items:center;gap:8px;min-width:min(210px,74%);max-width:calc(100% - 76px);min-height:46px;margin:0 auto 4px;padding:7px 22px;border-radius:13px;background:linear-gradient(180deg,#ff83a0,#ef5b7d);color:#fff;font-size:clamp(23px,6.2vw,34px);font-weight:1000;letter-spacing:0;line-height:1;text-shadow:0 2px 0 rgba(172,60,91,.28);box-shadow:inset 0 2px #ffffff7a,inset 0 -4px #c4486f29,0 6px #c4486f42,0 11px 16px #b04e752e}.result-overlay h2:before,.result-overlay h2:after{content:"";position:absolute;top:9px;z-index:-1;width:28px;height:29px;background:#e64c75;box-shadow:inset 0 2px #ffffff38}.result-overlay h2:before{left:-18px;clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%,18% 50%)}.result-overlay h2:after{right:-18px;clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%,18% 50%);transform:scaleX(-1)}.result-title-crown{width:30px;height:24px;filter:drop-shadow(0 2px 0 rgba(161,91,16,.2))}.result-score-hero{min-height:74px;display:flex;align-items:end;justify-content:center;gap:10px;margin:2px 0;padding:9px 12px 10px;border:3px solid rgba(239,210,164,.72);border-radius:24px;background:linear-gradient(180deg,#fffffff0,#fffbe5eb);box-shadow:inset 0 2px #ffffffeb,inset 0 -5px #eaca972b,0 7px #b58b4d1f,0 12px 18px #587e9a1a}.result-score-hero strong{color:#ef5b71;font-size:clamp(52px,14vw,82px);font-weight:1000;line-height:.88}.result-score-hero span{margin-bottom:6px;color:#6b4218;font-size:clamp(18px,5vw,25px);font-weight:1000}.result-score-star{align-self:center;width:46px;height:46px;filter:none}.result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 8px}.result-summary p{min-height:64px;display:grid;align-content:center;gap:4px;margin:0;padding:9px 7px;border:3px solid rgba(239,210,164,.66);border-radius:19px;background:linear-gradient(180deg,#fffffff2,#fffbe8eb);color:#6b4218;font-weight:900;line-height:1.05;box-shadow:inset 0 2px #ffffffeb,inset 0 -5px #eaca9726,0 7px #b58b4d1f,0 11px 16px #587e9a14}.result-summary p>span:not(.sr-only){display:grid;align-content:center;justify-items:center;gap:4px}.result-summary strong{color:#ef5b71;font-size:clamp(26px,7vw,42px);line-height:1}.result-summary strong small{margin-left:2px;color:#6b4218;font-size:.42em;font-weight:1000}.result-summary-icon{justify-self:center;width:24px;height:24px;filter:none}.result-summary-icon--spark{width:20px;height:20px}.result-summary-icon--medal{width:24px;height:28px}.result-summary-icon--crown{width:26px;height:19px}.result-reason,.result-detail-line{margin:4px 0;color:#4e3523;font-weight:900;line-height:1.2}.result-detail-line{justify-self:center;min-width:min(270px,88%);padding:7px 14px;border:2px solid rgba(239,210,164,.42);border-radius:999px;background:#ffffff7a;box-shadow:inset 0 1px #ffffffbd,0 4px #b58b4d12}.result-detail-line--accent{color:#6b4218}.result-leaderboard{display:grid;gap:7px;margin:10px 0 2px;padding:12px;border:3px solid rgba(195,230,255,.86);border-radius:24px;background:linear-gradient(180deg,#ffffffeb,#fffcebd6);box-shadow:inset 0 0 0 4px #ffffff80,0 8px #2789d821,0 14px 20px #4574941f;overflow:hidden}.result-leaderboard-title{display:flex;align-items:center;justify-content:center;gap:7px;color:#2779d8;font-size:17px;font-weight:1000}.result-leaderboard-crown{width:28px;height:22px;filter:drop-shadow(0 2px 0 rgba(161,91,16,.18))}.result-rank-list{display:grid;gap:4px;margin:0;padding:0;list-style:none;max-height:154px;overflow-y:auto;overscroll-behavior:contain}.result-rank-list li,.result-current-rank{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;min-height:31px;gap:8px;padding:5px 10px;border:2px solid rgba(255,255,255,.72);border-radius:14px;background:linear-gradient(180deg,#ffffffe0,#fffbeecc);color:#6b4218;font-weight:900;font-size:14px;line-height:1;box-shadow:inset 0 1px #ffffffdb,0 4px #b58b4d12}.result-rank-list li.gold{background:linear-gradient(90deg,#ffe067d6,#fffbeecc)}.result-rank-list li.silver{background:linear-gradient(90deg,#d9e7f5e6,#fffbeec7)}.result-rank-list li.bronze{background:linear-gradient(90deg,#ffbf74cc,#fffbeec7)}.result-rank-list strong,.result-current-rank span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-rank-no{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#2779d8;font-size:13px;font-weight:1000}.result-current-rank{margin-top:2px;grid-template-columns:38px minmax(0,1fr) auto auto;background:linear-gradient(90deg,#ffeff4,#fff9df);border-color:#ffd2dde6;outline:3px solid rgba(239,91,113,.18);box-shadow:inset 0 2px #ffffffdb,0 5px #ef5b711f}.result-current-medal{width:34px;height:40px}.result-current-rank strong{color:#ef5b71;font-size:20px}.result-rank-empty{margin:0;color:#6b4218;font-weight:900}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.result-action-button{min-width:0;min-height:66px;aspect-ratio:1 / 1;display:grid;place-items:center;justify-self:center;width:min(82px,100%);padding:0;border:3px solid rgba(255,255,255,.92);border-radius:22px;color:#fff;font:inherit;box-shadow:inset 0 0 0 3px #ffffff38,inset 0 3px #ffffff47,0 8px #48428038,0 13px 18px #2358a629;appearance:none}.result-action-button--home{background:linear-gradient(180deg,#64ddce,#28c2a6)}.result-action-button--share{background:linear-gradient(180deg,#9f91ff,#7468e6)}.result-action-button--again{background:linear-gradient(180deg,#ff8f8d,#ff6873)}.result-action-icon{width:34px;height:34px;color:currentColor;filter:drop-shadow(0 2px 0 rgba(0,0,0,.12))}.result-action-button--home .result-action-icon{color:currentColor}.weekly-summary-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 22% 18%,rgba(255,246,164,.42),transparent 24%),radial-gradient(circle at 84% 76%,rgba(88,220,196,.28),transparent 24%),linear-gradient(180deg,#258edb6b,#ff748852);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.weekly-summary-card{position:relative;isolation:isolate;width:min(380px,100%);max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;display:grid;justify-items:center;gap:12px;padding:28px 22px 22px;border:5px solid rgba(255,255,255,.9);border-radius:30px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.94),transparent 29%),linear-gradient(180deg,#fffffffa,#fff9e4f5);color:#3d2c1f;text-align:center;box-shadow:inset 0 0 0 4px #c3e6ff85,0 12px #2a95ce33,0 28px 44px #2770a63d}.weekly-summary-card:before{content:"";position:absolute;inset:12px;z-index:0;border-radius:22px;pointer-events:none;box-shadow:inset 0 2px #ffffffb3,inset 0 -10px 18px #ffecb433}.weekly-summary-card>*{position:relative;z-index:1}.weekly-summary-card--medalist{border-color:#fffad5f2;box-shadow:inset 0 0 0 4px #ffd9586b,0 12px #f1984a3d,0 28px 44px #a6522738}.weekly-summary-crown,.weekly-summary-star{width:58px;height:50px;filter:drop-shadow(0 4px 0 rgba(161,91,16,.14))}.weekly-summary-star{height:58px}.weekly-summary-spark{position:absolute;top:28px;width:20px;height:20px;filter:none}.weekly-summary-spark--left{left:24px}.weekly-summary-spark--right{right:24px}.weekly-summary-card h2{margin:0;color:#2779d8;font-size:clamp(25px,6vw,34px);font-weight:1000;line-height:1.08}.weekly-summary-score{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:12px;min-width:min(290px,100%);min-height:86px;padding:12px 18px;border:3px solid rgba(246,222,184,.9);border-radius:22px;background:#fffef3db;box-shadow:inset 0 1px #ffffffeb,0 7px #b58b4d17}.weekly-summary-medal{width:58px;height:68px}.weekly-summary-medal--star{height:58px}.weekly-summary-score strong{color:#ef5b71;font-size:clamp(36px,10vw,52px);font-weight:1000;line-height:1}.weekly-summary-player{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:min(290px,100%);padding:10px 14px;border-radius:16px;background:linear-gradient(90deg,#ffeff4e6,#fff9dfe6);color:#6b4218;font-weight:1000}.weekly-summary-player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-summary-player strong{color:#ef5b71;font-size:20px}.weekly-summary-card p{max-width:280px;margin:0;color:#4e3523;font-weight:900;line-height:1.35}.weekly-summary-button{min-width:128px;min-height:48px;border:0;border-radius:18px;background:linear-gradient(180deg,#44d9c3,#25bda8);color:#fff;font:inherit;font-size:18px;font-weight:1000;cursor:pointer;box-shadow:inset 0 2px #ffffff5c,0 7px #1e8a7c42}.weekly-summary-button:disabled{cursor:wait;opacity:.72}.weekly-summary-fireworks{position:absolute;inset:0;pointer-events:none}.weekly-summary-fireworks span{position:absolute;width:96px;height:96px;background:conic-gradient(from 0deg,transparent 0 9deg,#fff176 9deg 15deg,transparent 15deg 37deg,#ff6f91 37deg 43deg,transparent 43deg 75deg,#5eead4 75deg 81deg,transparent 81deg 118deg,#ffffff 118deg 124deg,transparent 124deg 360deg);border-radius:50%;opacity:.82;animation:weekly-firework-pop 1.9s ease-out infinite}.weekly-summary-fireworks span:nth-child(1){top:12%;left:8%}.weekly-summary-fireworks span:nth-child(2){top:18%;right:9%;animation-delay:.35s}.weekly-summary-fireworks span:nth-child(3){bottom:18%;left:16%;animation-delay:.7s}.weekly-summary-fireworks span:nth-child(4){right:18%;bottom:13%;animation-delay:1.05s}@keyframes weekly-firework-pop{0%{opacity:0;transform:scale(.22) rotate(0)}24%{opacity:.9}to{opacity:0;transform:scale(1.18) rotate(24deg)}}@media(max-width:430px),(max-height:760px){.result-overlay .result-card{border-radius:24px;padding:12px}.result-overlay .eyebrow{margin-bottom:4px;font-size:12px}.result-overlay h2{min-height:40px;padding:6px 18px;font-size:clamp(21px,5.8vw,29px)}.result-card-mascot{width:50px;height:50px}.result-score-hero{min-height:62px;padding:6px 8px}.result-score-hero strong{font-size:clamp(42px,12vw,58px)}.result-score-star{width:38px;height:38px}.result-overlay .result-card>p{margin:6px 0;line-height:1.15}.result-summary{gap:6px;margin:8px 0 6px}.result-summary p{min-height:54px;padding:6px 4px;border-radius:14px;font-size:13px}.result-summary strong{font-size:clamp(22px,6vw,30px)}.result-leaderboard{gap:4px;margin-top:8px;padding:8px;border-radius:16px}.result-leaderboard-title{font-size:15px}.result-rank-list{gap:3px;max-height:102px}.result-rank-list li,.result-current-rank{min-height:24px;grid-template-columns:28px minmax(0,1fr) auto;gap:6px;padding:3px 7px;border-radius:10px;font-size:12px}.result-current-rank{grid-template-columns:30px minmax(0,1fr) auto auto}.result-rank-no{width:20px;height:20px;font-size:11px}.result-current-rank strong{font-size:17px}.result-actions{gap:9px;margin-top:9px}.result-action-button{min-height:54px;width:min(64px,100%);border-radius:18px}.result-action-icon{width:28px;height:28px}}@keyframes selected-wiggle{0%,to{transform:scale(1)}50%{transform:scale(1.05) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.board-card--legacy .cell.in-rect.tile{animation:none}}@media(max-width:960px){.shell-header{padding-inline:14px}.cute-shell .shell-nav{position:fixed;z-index:7;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:28px;background:#ffffffe6;box-shadow:0 10px 30px #2b65ac33}.public-shell .shell-nav{grid-template-columns:repeat(2,1fr)}.cute-shell .shell-nav a,.nav-button{min-width:0;min-height:54px;padding:8px 6px;text-align:center;box-shadow:none}.landing-page .hero-actions{display:none}.shell-header--play{grid-template-columns:1fr}.play-viewport-page{min-height:calc(100dvh - 70px);padding-bottom:calc(86px + env(safe-area-inset-bottom));overflow:hidden}.play-viewport-layout{grid-template-columns:1fr}.hud-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:10px}.hud-card>.eyebrow{display:none}.hud-card .target-number{grid-row:span 2;margin:0;font-size:62px}.play-rule{display:none}.hud-card .compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hud-card .stat-card{min-height:56px;padding:6px}.hud-card .stat-card-title{font-size:10px}.hud-card .stat-card h2{font-size:18px}.hud-meta{grid-column:1 / -1;max-height:40px;overflow:hidden}.hud-card .hero-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.hud-card .hero-actions .action-button{min-height:42px;padding:6px;border-radius:14px;font-size:14px}.board-card--legacy .board-stage{padding:10px;border-radius:24px}.board-card--legacy .board{--cell: clamp(31px, 10vw, 48px);--gap: clamp(7px, 2.4vw, 13px);--num-size: clamp(18px, 5vw, 27px)}.cute-dashboard{display:grid;text-align:center;justify-items:center}.target-bubble{min-height:86px}}@media(max-width:430px){.cute-home-page,.cute-auth-page{padding-top:8px}.cute-hero{gap:10px;padding:14px 18px 18px;border-radius:24px}.cute-logo{font-size:clamp(46px,13vw,58px)}.target-bubble{min-height:82px;gap:12px;padding:12px 16px;border-radius:22px}.target-bubble span{font-size:26px}.target-bubble strong{font-size:72px}.mini-board{width:min(320px,100%);gap:8px;padding:10px;border-radius:22px}.mini-star{min-height:54px;border-radius:14px;font-size:24px}.cute-hero h1{font-size:32px;line-height:1.08}.cute-hero .hero-copy{margin:0;font-size:15px;line-height:1.45}}@media(min-width:961px)and (max-height:780px){.cute-home-page{padding-top:4px}.cute-hero{gap:10px;padding:18px 28px}.cute-logo{font-size:86px}.target-bubble{min-height:88px;padding-block:12px}.target-bubble span{font-size:38px}.target-bubble strong{font-size:92px}.mini-board{width:360px}.mini-star{min-height:52px;font-size:24px}.cute-hero h1{font-size:42px}.cute-hero .hero-copy{margin:0}}.cute-shell.product-shell{background:radial-gradient(circle at 7% 36%,rgba(255,255,255,.94) 0 3.8%,transparent 4.2%),radial-gradient(circle at 2% 42%,rgba(255,255,255,.85) 0 4.8%,transparent 5.2%),radial-gradient(circle at 97% 18%,rgba(255,255,255,.9) 0 4.2%,transparent 4.6%),radial-gradient(circle at 83% 66%,rgba(255,246,107,.72) 0 5%,transparent 5.4%),linear-gradient(180deg,#22b7fb,#78dfff 42%,#bff276)}.cute-shell.product-shell:before{content:"";position:fixed;inset:auto 0 0;height:28%;pointer-events:none;background:radial-gradient(circle at 3% 72%,#ffb4d1 0 16px,transparent 18px),radial-gradient(circle at 94% 58%,#ff93c2 0 19px,transparent 21px),radial-gradient(circle at 88% 86%,#ffd57b 0 24px,transparent 26px),radial-gradient(circle at 8% 90%,rgba(28,169,84,.5) 0 28px,transparent 31px),linear-gradient(90deg,transparent 72%,rgba(255,142,197,.45) 73% 75%,transparent 76%),linear-gradient(0deg,#1dba548c,#9bed5800);z-index:0}.cute-shell.product-shell:after{background:linear-gradient(138deg,transparent 72%,rgba(255,132,183,.56) 72.4% 74.4%,rgba(255,238,118,.6) 74.4% 76.4%,rgba(112,226,191,.62) 76.4% 78.4%,rgba(114,183,255,.56) 78.4% 80.4%,transparent 80.8%),radial-gradient(circle at 19% 7%,rgba(255,249,112,.75) 0 8px,transparent 10px),radial-gradient(circle at 76% 12%,rgba(255,139,207,.72) 0 8px,transparent 10px),radial-gradient(circle at 88% 31%,rgba(255,222,75,.9) 0 17px,transparent 19px),radial-gradient(circle at 11% 68%,rgba(255,175,210,.82) 0 18px,transparent 20px)}.shell-header--app-home{min-height:0;padding:0}.shell-header--app-home .shell-brand,.shell-header--app-home .shell-nav{display:none}.starpang-app-page{position:relative;z-index:1;min-height:calc(100dvh - 82px);padding:max(14px,env(safe-area-inset-top)) 14px calc(104px + env(safe-area-inset-bottom));overflow:hidden}.starpang-app-page--reference{min-height:100dvh;padding:0;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.starpang-reference-showcase{position:relative;width:min(431px,100vw);aspect-ratio:862 / 1824}.starpang-reference-art{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.reference-hit{position:absolute;z-index:2;display:block;padding:0;border:0;border-radius:18px;background:transparent;color:transparent;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.reference-hit:focus-visible{outline:3px solid rgba(25,118,216,.72);outline-offset:3px}.reference-hit--sound{left:4.7%;top:2.5%;width:12.2%;height:6.3%}.reference-hit--sound .utility-button{width:100%;min-height:100%;height:100%;padding:0;border:0;opacity:0}.reference-hit--help{right:4.7%;top:2.5%;width:12.2%;height:6.3%}.reference-hit--start,.reference-hit--survival,.reference-hit--ranking{top:64.2%;height:7.4%}.reference-hit--start{left:5.4%;width:27.8%}.reference-hit--survival{left:36.2%;width:27.8%}.reference-hit--survival:before{content:"";position:absolute;left:41%;top:24%;width:54%;height:52%;border-radius:12px;background:linear-gradient(180deg,#69dccd,#31c6ad 58%,#21b59c);box-shadow:inset 0 2px #ffffff2e,inset 0 -3px #15968029}.reference-hit--survival:after{content:"서바이벌";position:absolute;left:71%;top:49%;color:#fff;font-size:18px;font-weight:1000;line-height:1;white-space:nowrap;text-shadow:0 2px 0 rgba(24,148,129,.42),0 3px 5px rgba(19,111,100,.2);transform:translate(-50%,-50%)}.reference-hit--ranking{left:67%;width:27.8%}.reference-hit--nav-home,.reference-hit--nav-record,.reference-hit--nav-ranking,.reference-hit--nav-settings{top:92.5%;width:25%;height:7.5%;border-radius:0}.reference-hit--nav-home{left:0}.reference-hit--nav-record{left:25%}.reference-hit--nav-ranking{left:50%}.reference-hit--nav-settings{left:75%}.starpang-app-page--reference{height:100dvh;min-height:100dvh;padding:0}.starpang-showcase{position:relative;width:min(390px,100%);margin:0 auto;display:grid;gap:12px;justify-items:center}.showcase-topbar{width:min(620px,calc(100vw - 28px));position:absolute;left:50%;top:8px;z-index:4;display:flex;justify-content:space-between;align-items:start;pointer-events:none;transform:translate(-50%)}.utility-button{width:72px;min-height:76px;display:grid;place-items:center;gap:3px;border:3px solid rgba(255,255,255,.86);border-radius:24px;background:linear-gradient(180deg,#fff,#e9f8ff);color:#1976d8;font:inherit;font-size:16px;font-weight:1000;box-shadow:0 8px #1c6fcb2e,0 16px 28px #1a72cc38;pointer-events:auto}.utility-button span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#2489ee;font-size:25px;line-height:1}.utility-button-icon{width:34px;height:34px;color:#2489ee}.utility-button-icon--muted{color:#8a96a6}.utility-spacer{width:72px;min-height:76px;pointer-events:none}.starpang-logo-3d{position:relative;z-index:2;width:min(372px,78vw);margin-top:18px;display:grid;place-items:center;filter:none}.starpang-title-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.starpang-logo-svg{display:block;width:100%;height:auto;overflow:visible}.starpang-logo-svg text{font-family:var(--font-casual);font-size:124px;font-weight:1000;letter-spacing:0;line-height:1}.starpang-logo-svg .logo-sticker{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:24px}.starpang-logo-svg .logo-rim{stroke-linejoin:round;stroke-width:7px}.starpang-logo-svg .logo-rim--star{stroke:#fff39c}.starpang-logo-svg .logo-rim--pang{stroke:#ff9db3}.starpang-logo-svg .logo-fill{stroke:#733e1433;stroke-linejoin:round;stroke-width:1.4px}.starpang-logo-svg .logo-depth{fill:#1268c9;opacity:.9}.starpang-logo-svg .logo-depth--pang{fill:#923456}.starpang-logo-svg .logo-underline-shadow{fill:#1268c9;opacity:.88;display:none}.starpang-logo-svg .logo-underline{fill:#ff9b19;stroke:#fff;stroke-linejoin:round;stroke-width:9px;display:none}.starpang-logo-svg .logo-shine{opacity:.8;mix-blend-mode:screen}.starpang-logo-svg .logo-sparkles{fill:#ffe963;filter:none}.starpang-logo-svg .logo-shadow-layer{filter:drop-shadow(10px 13px 0 rgba(11,102,199,.45)) drop-shadow(0 18px 6px rgba(7,80,168,.22))}.starpang-logo-svg .logo-pang-star-vector,.starpang-logo-svg .logo-pang-star-symbol{filter:none}.starpang-logo-svg .logo-pang-star-eye,.starpang-logo-svg .logo-pang-star-wink,.starpang-logo-svg .logo-pang-star-mouth{fill:none;stroke:#4b2b11;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.starpang-logo-svg .logo-pang-star-eye{fill:#4b2b11;stroke:none}.starpang-logo-svg .logo-pang-star-cheek{fill:#ff91a8}.playground-logo-3d{position:relative;width:100%;display:grid;grid-template-columns:clamp(60px,17vw,88px) minmax(0,1fr);align-items:center;gap:0;padding:4px 0 12px;isolation:isolate}.playground-logo-3d:before{position:absolute;left:clamp(34px,10vw,58px);right:0;bottom:13px;z-index:-1;height:clamp(18px,5vw,30px);border-radius:999px;content:"";background:linear-gradient(90deg,#1e50ffe6,#1ed8ffcc,#ffd53dd1);box-shadow:0 8px #072797a3,0 0 22px #27ccff7a;transform:skew(-12deg)}.playground-logo-star{position:relative;z-index:2;width:clamp(70px,20vw,102px);height:clamp(70px,20vw,102px);filter:drop-shadow(0 8px 0 rgba(7,43,143,.48)) drop-shadow(0 0 18px rgba(255,224,71,.48))}.playground-logo-copy{position:relative;z-index:1;min-width:0;display:grid;gap:3px;justify-items:start;text-align:left}.playground-logo-copy h1{width:100%;min-height:1.05em;margin:0;color:#fffdf7;font-family:var(--font-casual);font-size:clamp(33px,8.7vw,50px);font-weight:1000;line-height:.98;letter-spacing:0;word-break:keep-all;-webkit-text-stroke:1.4px #ffffff;text-shadow:0 4px 0 #7a43df,0 8px 0 #084dc7,0 11px 12px rgba(0,0,0,.32),0 0 24px rgba(84,220,255,.62)}.playground-logo-copy p{width:100%;min-height:1.1em;margin:0;color:#bff6ff;font-size:clamp(12px,3.1vw,15px);font-weight:950;line-height:1;text-shadow:0 2px 0 rgba(0,22,82,.72),0 0 12px rgba(40,205,255,.54)}.vector-object{display:block;overflow:visible;flex:0 0 auto}.vector-star-symbol{width:100%;height:100%;filter:none}.vector-star-face circle{fill:#4b2b11}.vector-star-face path{fill:none;stroke:#4b2b11;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.vector-star-face .vector-star-cheek{fill:#ff91a8}.vector-star--silver,.vector-star--bronze{filter:none}.vector-sparkle{fill:#ffdc39;filter:none}.vector-highlight-box-fill{fill:#ffee6e24;stroke:#ffffffbd;stroke-width:6px}.vector-highlight-box-rim{fill:none;stroke:#ffeb52f5;stroke-width:4px}.vector-score-badge-back{fill:#ffffffeb}.vector-score-badge-face{fill:#ffcf3f}.vector-score-badge-text{fill:#fff;font:1000 20px var(--font-casual);text-anchor:middle;text-shadow:0 2px 0 rgba(166,110,12,.26)}.vector-crown-body{fill:#ffd43f;stroke:#ffae28;stroke-linejoin:round;stroke-width:4px}.vector-crown-band{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:5px}.vector-crown-jewel{fill:#ff7b91;stroke:#fff;stroke-width:3px}.vector-switch-knob-face{fill:#fff;filter:drop-shadow(0 3px 0 rgba(0,0,0,.1))}.vector-switch-knob-shine{fill:none;stroke:#58bdff57;stroke-linecap:round;stroke-width:4px}.vector-active-bar{fill:#1c8fe7}.vector-medal-ribbon--left{fill:#ff6380}.vector-medal-ribbon--right{fill:#f04771}.vector-medal-back{fill:#ef8747}.vector-medal-face{fill:#ffd86f;stroke:#ffba54;stroke-width:4px}.vector-medal-text{fill:#fff;font:1000 30px var(--font-casual);text-anchor:middle;text-shadow:0 2px 0 rgba(125,65,15,.22)}.vector-trophy-cup,.vector-trophy-stem{fill:#ffc935;stroke:#d88313;stroke-linejoin:round;stroke-width:5px}.vector-trophy-handle,.vector-trophy-shine{fill:none;stroke:#d88313;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.vector-trophy-shine{stroke:#ffffffc7;stroke-width:4px}.vector-calendar-page,.vector-gamepad-body{fill:#fff;stroke:#2086ed;stroke-linejoin:round;stroke-width:5px}.vector-calendar-top,.vector-calendar-ring,.vector-calendar-check,.vector-gamepad-cross,.vector-target-arrow,.vector-sound-wave,.vector-bell-ring,.vector-bell-top,.vector-music-stem,.vector-reset-arrow,.vector-logout-arrow,.vector-back path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px}.vector-calendar-check{stroke:#35be78}.vector-gamepad-button,.vector-target-core,.vector-music-note{fill:currentColor}.vector-target-ring{fill:none;stroke:currentColor;stroke-width:7px}.vector-target-ring--middle{stroke-width:6px;opacity:.72}.vector-sound-speaker,.vector-bell-body,.vector-music-flag,.vector-logout-door{fill:currentColor}.vector-reset-arrow,.vector-logout-door,.vector-logout-arrow,.vector-back path{stroke:currentColor}.vector-heart{fill:#f35b7b;stroke:#fff;stroke-linejoin:round;stroke-width:5px}.vector-play{fill:#fff;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.vector-home-body{fill:currentColor;stroke:#fff;stroke-linejoin:round;stroke-width:3px}.vector-home-roof,.vector-share-arrow,.vector-share-tray,.vector-replay-arrow{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:7px}.vector-home-roof{stroke:#fff;stroke-width:4px}.vector-share-arrow,.vector-share-tray,.vector-replay-arrow{stroke:currentColor}.vector-podium-step{fill:#fff}.vector-podium-number{fill:currentColor;font:1000 18px var(--font-casual);text-anchor:middle}.vector-podium-number--small{font-size:13px}@media(min-width:900px){.starpang-showcase{width:min(450px,100%);gap:14px}.showcase-topbar{top:20px;width:min(680px,calc(100vw - 72px))}.starpang-logo-3d{width:386px;margin-top:18px}}.logo-word{display:inline-block;font-size:clamp(72px,21vw,110px);font-weight:1000;line-height:.82;-webkit-text-stroke:7px #ffffff;paint-order:stroke fill}.logo-word--star{color:#ffd236;background:linear-gradient(180deg,#fff176 0 12%,#ffd232 18% 58%,#ff9e1b 70% 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;transform:rotate(-2deg)}.logo-word--pang{margin-left:0;color:#f06e86;background:linear-gradient(180deg,#ffb7c8 0 16%,#f06e86 28% 64%,#d84f70 78% 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;transform:rotate(2deg)}.shell-brand--logo{position:relative;display:inline-grid;place-items:center;width:136px;min-width:136px;min-height:54px;padding:0;letter-spacing:0;text-decoration:none;filter:none}.shell-brand--logo .starpang-logo-svg{width:136px}.shell-header--play .shell-brand--logo{justify-self:start;width:128px;min-width:128px}.owned-shell--play .shell-header--play .shell-brand--logo{justify-self:center;width:226px;min-width:226px;min-height:82px;padding:0;filter:none}.showcase-target{position:relative;width:100%;min-height:108px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 18px 14px 30px;border:3px solid rgba(255,255,255,.86);border-radius:26px;background:linear-gradient(180deg,#fffffff0,#f4fcffdb);box-shadow:inset 0 0 0 3px #70c8ff57,inset 0 0 0 8px #ffffff7a,0 8px #2789d838}.showcase-target-frame{position:absolute;inset:10px;z-index:0;width:auto;height:auto;pointer-events:none}.target-spark{position:relative;z-index:1;width:24px;height:24px;filter:none}.target-label{position:relative;z-index:1;color:#2589de;font-size:37px;font-weight:1000;text-shadow:none}.showcase-target strong{position:relative;z-index:1;justify-self:center;color:#1979e7;font-size:37px;font-weight:1000;line-height:1;text-shadow:none}.target-buddy{position:relative;z-index:1;width:72px;height:72px;display:grid;place-items:center;margin-left:-6px;rotate:-9deg;filter:none}.target-buddy-vector{width:100%;height:100%}.showcase-star-face{position:absolute;left:50%;top:42%;width:6px;height:6px;border-radius:50%;background:#4b2b11;transform:translate(-12px);box-shadow:24px 0 #4b2b11,4px 13px 0 1px #ff9eb2,20px 13px 0 1px #ff9eb2}.showcase-star-face:after{content:"";position:absolute;left:9px;top:5px;width:12px;height:7px;border-bottom:3px solid #4b2b11;border-radius:0 0 12px 12px}.showcase-star-face--tile{top:36%;width:5px;height:5px;transform:translate(-10px);box-shadow:20px 0 #4b2b11,3px 10px 0 1px #ff9eb2,17px 10px 0 1px #ff9eb2}.showcase-star-face--tile:after{left:7px;top:4px;width:10px;height:6px;border-bottom-width:3px}.showcase-board{--showcase-board-gap: 3px;--showcase-board-padding: 7px;position:relative;width:100%;padding:var(--showcase-board-padding);border-radius:26px;background:linear-gradient(180deg,#67ccff,#1d9cf0);border:4px solid rgba(21,139,230,.86);overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff6b,0 10px #106fcd59,0 16px 22px #0b6cc633}.showcase-board-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:var(--showcase-board-gap);contain:layout paint}.showcase-demo-highlight{position:absolute;inset:0;z-index:4;width:100%;height:100%;filter:drop-shadow(0 0 14px rgba(255,224,51,.45));animation:showcase-demo-scan 1s ease-in-out both;pointer-events:none}.showcase-match-cell{position:absolute;inset:0;z-index:7;display:grid;place-items:center;pointer-events:none}.showcase-match-pop-number{display:block;color:#fff9b8;font-size:clamp(34px,10vw,62px);font-weight:1000;line-height:.85;letter-spacing:0;text-shadow:0 4px 0 rgba(115,69,0,.34),0 0 14px rgba(255,234,91,.8),0 0 28px rgba(255,111,157,.55);transform-origin:center;animation:showcase-match-number-pang .76s cubic-bezier(.16,1.16,.26,1) both}.showcase-tile{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:9px;background:linear-gradient(180deg,#fffffff7,#e3f6fff5);box-shadow:inset 0 -5px #47aaec29,inset 0 2px #fffffff5;contain:paint}.showcase-tile--demo-active{background:linear-gradient(180deg,#fffffffa,#fffbd9f5)}.showcase-star{position:absolute;inset:3px;display:grid;place-items:center;background:none;filter:none;contain:paint}.showcase-star-png{display:block;width:100%;height:100%;background-image:url(/star.png);background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 2px 1px rgba(105,70,0,.22));pointer-events:none;-webkit-user-select:none;user-select:none}.showcase-tile strong{position:relative;z-index:2;align-self:end;margin-bottom:5px;color:#6b3d12;font-size:15px;font-weight:1000;line-height:1;text-shadow:none}.showcase-special-effect{position:absolute;inset:0;z-index:3;border-radius:13px;pointer-events:none;opacity:.95;animation:showcase-special-effect-pulse 1s ease-in-out both}.showcase-pang-burst{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:visible;transform-origin:center;animation:showcase-pang-burst-hit .78s cubic-bezier(.15,1.1,.25,1) both}.showcase-pang-burst:before,.showcase-pang-burst:after{content:"";position:absolute;left:50%;top:50%;width:min(112px,74%);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.2);pointer-events:none}.showcase-pang-burst:before{background:radial-gradient(circle,rgba(255,255,255,.86) 0 14%,rgba(255,231,88,.5) 15% 38%,transparent 60%);animation:showcase-pang-flash .65s ease-out both}.showcase-pang-burst:after{border:5px solid rgba(255,246,143,.76);box-shadow:0 0 18px #ffe7588c,inset 0 0 18px #ff6f9d3d;animation:showcase-pang-ring .72s ease-out both}.showcase-pang-particle{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#fff372;box-shadow:0 0 10px #fff372d1;transform:translate(-50%,-50%) rotate(var(--pang-angle)) translate(0) scale(.4);animation:showcase-pang-particle .78s cubic-bezier(.12,.84,.2,1) both}.showcase-pang-particle:nth-child(3n+1){border-radius:3px;background:#ff6f9d;box-shadow:0 0 10px #ff6f9db8}.showcase-pang-particle:nth-child(3n+2){width:7px;height:14px;border-radius:999px;background:#63dcff;box-shadow:0 0 10px #63dcffb3}.showcase-pang-burst--row3 .showcase-pang-particle,.showcase-pang-burst--sameValue .showcase-pang-particle{animation-duration:.86s}.showcase-pang-burst--col3 .showcase-pang-particle{--pang-distance: 34px}.showcase-pang-burst--burst8:before{width:min(140px,90%)}.showcase-special-effect--row3{background:linear-gradient(90deg,transparent 0 8%,rgba(255,244,124,.42) 16% 84%,transparent 92%),repeating-linear-gradient(0deg,#fff0 0 30%,#ffffff47 35% 42%,#fff0 50%);box-shadow:inset 0 0 0 2px #ffed699e,0 0 16px #ffed695c}.showcase-special-effect--col3{background:linear-gradient(180deg,transparent 0 8%,rgba(93,226,255,.4) 16% 84%,transparent 92%),repeating-linear-gradient(90deg,#fff0 0 30%,#ffffff42 35% 42%,#fff0 50%);box-shadow:inset 0 0 0 2px #5de2ff8f,0 0 16px #5de2ff57}.showcase-special-effect--burst8{background:radial-gradient(circle,rgba(255,255,255,.72) 0 16%,rgba(255,216,84,.5) 17% 42%,rgba(255,111,157,.22) 43% 66%,transparent 68%);box-shadow:inset 0 0 0 2px #ffd8549e,0 0 20px #ff6f9d59}.showcase-special-effect--sameValue{background:radial-gradient(circle at 28% 28%,rgba(255,216,84,.18),transparent 24%),radial-gradient(circle at 72% 68%,rgba(99,220,255,.16),transparent 22%);box-shadow:inset 0 0 0 2px #ffffff38}.showcase-tile--demo-effected:after{content:"";position:absolute;inset:-1px;z-index:3;border-radius:inherit;background:radial-gradient(circle,rgba(255,245,155,.38),transparent 64%);box-shadow:inset 0 0 0 2px #ffe66485,0 0 10px #ffe6644d;pointer-events:none}.showcase-tile--special{z-index:2;background:linear-gradient(180deg,#fffffffa,#fff4c4f5);box-shadow:inset 0 2px #fffffff5,0 0 12px #ffd85452}.showcase-tile--special .showcase-star-png{transform:scale(1.2);filter:drop-shadow(0 0 7px rgba(255,216,84,.55))}.showcase-special-mark{position:absolute;z-index:4;inset:26%;border-radius:999px;pointer-events:none}.showcase-tile--special-row3 .showcase-special-mark{background:linear-gradient(180deg,transparent 0 32%,#ffffff 33% 42%,transparent 43% 57%,#ffffff 58% 67%,transparent 68%),linear-gradient(90deg,#2faafff5,#ffd854f5)}.showcase-tile--special-col3 .showcase-special-mark{background:linear-gradient(90deg,transparent 0 32%,#ffffff 33% 42%,transparent 43% 57%,#ffffff 58% 67%,transparent 68%),linear-gradient(180deg,#2faafff5,#87eefff5)}.showcase-tile--special-burst8 .showcase-special-mark{inset:21%;background:radial-gradient(circle,#ffffff 0 20%,transparent 22%),conic-gradient(from 0deg,#ff6f9d,#ffd86a,#63dcff,#ff6f9d);clip-path:polygon(50% 0,62% 34%,98% 20%,70% 50%,98% 80%,62% 66%,50% 100%,38% 66%,2% 80%,30% 50%,2% 20%,38% 34%)}.showcase-tile--special-sameValue .showcase-special-mark{inset:18%;border:3px solid rgba(255,111,157,.72);background:radial-gradient(circle,#ffffff9e,#ffd8542e)}.showcase-tile--special-sameValue strong{z-index:5;margin-bottom:7px;color:#f25b79;font-size:18px;-webkit-text-stroke:1px rgba(255,255,255,.72)}@keyframes showcase-demo-scan{0%{opacity:0;transform:scale(.97)}18%,82%{opacity:1;transform:scale(1)}to{opacity:.72;transform:scale(1.01)}}@keyframes showcase-special-effect-pulse{0%{opacity:0;transform:scale(.92);filter:blur(4px)}22%,78%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:.72;transform:scale(1.03);filter:blur(0)}}@keyframes showcase-pang-burst-hit{0%{opacity:0;transform:scale(.84);filter:saturate(1.3) brightness(1.1)}16%{opacity:1;transform:scale(1.08)}42%{opacity:1;transform:scale(.98)}to{opacity:.2;transform:scale(1.02);filter:none}}@keyframes showcase-pang-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.16)}16%{opacity:1;transform:translate(-50%,-50%) scale(.95)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}@keyframes showcase-pang-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1;transform:translate(-50%,-50%) scale(.72)}to{opacity:0;transform:translate(-50%,-50%) scale(1.38)}}@keyframes showcase-pang-particle{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--pang-angle)) translate(0) scale(.36)}18%{opacity:1}72%{opacity:.98;transform:translate(-50%,-50%) rotate(var(--pang-angle)) translate(var(--pang-distance)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--pang-angle)) translate(calc(var(--pang-distance) + 12px)) scale(.32)}}@keyframes showcase-match-number-pang{0%{opacity:0;transform:translateY(8px) scale(.34) rotate(-8deg);filter:blur(4px)}18%{opacity:1;transform:translateY(-7px) scale(1.42) rotate(4deg);filter:blur(0)}38%{transform:translateY(2px) scale(.88) rotate(-2deg)}58%{transform:translateY(-3px) scale(1.12) rotate(1deg)}to{opacity:.96;transform:translateY(0) scale(1) rotate(0);filter:none}}@keyframes showcase-number-pop{0%{transform:translateY(2px) scale(.96)}35%{transform:translateY(0) scale(1.04)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.showcase-demo-highlight,.showcase-special-effect,.showcase-pang-burst,.showcase-pang-burst:before,.showcase-pang-burst:after,.showcase-pang-particle,.showcase-match-pop-number,.showcase-tile strong{animation:none}}.showcase-actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:10px;margin-top:8px}.showcase-action{min-height:74px;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;border:4px solid #fff;border-radius:22px;color:#fff;font-size:clamp(18px,2.1vw,26px);font-weight:1000;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 3px #ffffff3d,0 8px #48428047,0 13px 18px #2358a62e}.showcase-action--start{background:linear-gradient(180deg,#ff948b,#ff6f72)}.showcase-action--packed{background:linear-gradient(180deg,#7dd7ff,#3f8be8)}.showcase-action--practice{background:linear-gradient(180deg,#6fe3d3,#25c3a7)}.showcase-action--rank{background:linear-gradient(180deg,#a997ff,#7b6dea)}.showcase-action--versus{background:linear-gradient(180deg,#ffc65c,#ff9f45)}.action-play,.action-pack{width:34px;height:34px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.action-target{width:34px;height:34px;color:#fff;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.action-podium{width:35px;height:35px;color:#7b6dea;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.action-gamepad{width:34px;height:34px;color:#5e4f28;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.today-rank-card{position:relative;width:100%;margin-top:14px;padding:28px 16px 14px;border:4px solid rgba(255,255,255,.82);border-radius:28px;background:linear-gradient(180deg,#fffffff5,#fff8e8f0);box-shadow:0 10px #b58b4d26,0 18px 28px #4574942e}.rank-ribbon{position:absolute;left:50%;top:-22px;min-width:170px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 18px;border-radius:9px;background:linear-gradient(180deg,#ff7f98,#f35b7b);color:#fff;font-size:27px;font-weight:1000;white-space:nowrap;transform:translate(-50%);box-shadow:inset 0 2px #ffffff73,0 5px #c4476847}.rank-ribbon-crown{width:27px;height:21px;filter:drop-shadow(0 2px 0 rgba(181,76,24,.22))}.rank-card-row{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;border:3px solid rgba(237,207,159,.52);border-radius:18px;color:#5b371d;background:#ffffff9e}.rank-card-row+.rank-card-row{margin-top:10px}.rank-card-row p{margin:0;font-size:16px;font-weight:900}.rank-card-row strong{color:#f05c76;font-size:46px;font-weight:1000;line-height:1}.rank-card-row--top strong{color:#5b371d;font-size:45px}.medal-badge{width:52px;height:52px;display:grid;place-items:center;filter:drop-shadow(0 4px 0 #d75e4f)}.medal-badge .vector-medal{width:100%;height:100%}.mini-rank-star{width:50px;height:50px;filter:none}@media(max-width:960px){.shell-header--app-home .shell-nav{left:8px;right:8px;bottom:0;grid-template-columns:repeat(4,1fr);gap:0;min-height:calc(102px + env(safe-area-inset-bottom));padding:12px 10px calc(18px + env(safe-area-inset-bottom));border-radius:34px 34px 0 0;background:#fffffff5;box-shadow:0 -1px #ffffffe6,0 -10px 28px #2671c029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-header--app-home .shell-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:72px;padding:8px 0 0;border:0;border-radius:20px;background:transparent;box-shadow:none;color:#5f6874;font-size:13px;font-weight:900;line-height:1;gap:6px;opacity:1}.shell-header--app-home .shell-nav a.is-active{color:#1c8fe7}.shell-header--app-home .shell-nav a.is-active:after{content:"";position:absolute;top:-12px;left:50%;width:40px;height:4px;border-radius:999px;background:#1c8fe7;transform:translate(-50%)}.shell-header--app-home .shell-nav .nav-icon{width:30px;height:30px;stroke-width:2.55}.public-shell .shell-header--app-home .shell-nav,.shell-header--app-home .nav-button{display:none}.shell-header--app-home+main,.shell-header--app-home+.starpang-app-page{margin-top:0}}@media(max-width:430px){.starpang-app-page{padding-inline:12px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.starpang-showcase{width:min(360px,100%);gap:10px}.utility-button{width:58px;min-height:66px;border-radius:18px;font-size:14px}.starpang-logo-3d{margin-top:70px;width:min(338px,84vw)}.showcase-topbar{top:4px}.showcase-target{min-height:82px;padding:10px 12px 10px 20px}.target-label,.showcase-target strong{font-size:30px}.target-buddy{width:52px;height:52px}.showcase-board{--showcase-board-gap: 3px;--showcase-board-padding: 7px;gap:3px;padding:7px;border-radius:24px}.showcase-tile{border-radius:9px}.showcase-star{inset:3px}.showcase-tile strong{margin-bottom:5px;font-size:14px}.showcase-actions{gap:9px;margin-top:4px}.showcase-action{min-height:58px;border-radius:18px;font-size:24px}.rank-ribbon{min-width:150px;min-height:38px;font-size:23px}.today-rank-card{margin-top:8px;padding:24px 12px 12px;border-radius:24px}.rank-card-row{min-height:66px;gap:10px;padding:10px}.rank-card-row p{font-size:14px}.rank-card-row strong,.rank-card-row--top strong{font-size:38px}.medal-badge,.mini-rank-star{width:44px;height:44px}.board-card--legacy .board{--cell: clamp(66px, 20vw, 82px);--gap: 5px;--num-size: 30px}}.product-shell{overflow-x:hidden;overflow-y:auto}.owned-shell--play{height:100dvh;min-height:100dvh;overflow:hidden}.owned-shell--play .shell-chrome{height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.owned-shell--play .screen-transition-content{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.owned-shell .starpang-app-page{overflow-y:auto;padding-bottom:calc(154px + env(safe-area-inset-bottom))}.public-shell .starpang-app-page{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.shell-header--play{grid-template-columns:auto minmax(0,1fr);min-height:76px}.owned-shell--play .shell-nav,.shell-header--play .shell-nav,.shell-chrome:has(.play-viewport-page) .shell-nav{display:none!important}.shell-header--play .shell-header-pressure{width:100%;height:64px;min-height:64px;overflow:visible}.shell-header--play .combo-pressure-shell,.combo-pressure-shell{height:64px;min-height:64px}.owned-shell--play .shell-header--play{grid-template-columns:1fr;justify-items:center;min-height:92px;padding:max(10px,env(safe-area-inset-top)) 12px 0}.owned-shell--play .shell-header--play .shell-brand--logo{justify-self:center;width:226px;min-width:226px;min-height:82px;padding:0}.owned-shell--play .shell-header--play .shell-brand--logo .starpang-logo-svg{width:226px}.owned-shell--play .shell-header--play .shell-header-pressure{position:absolute;left:50%;bottom:-50px;width:min(360px,calc(100% - 24px));transform:translate(-50%);pointer-events:none}.combo-pressure-shell{transition:opacity .16s ease,transform .16s ease}.combo-pressure-shell.is-idle{opacity:0;transform:translateY(-4px)}.combo-pressure-shell.is-active{opacity:1;transform:translateY(0)}.play-viewport-page{height:100%;min-height:0;padding-bottom:calc(12px + env(safe-area-inset-bottom));overflow:hidden}.ready-go-cue{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(18px,6vw,84px);pointer-events:none;color:#fff7b5;font-size:clamp(76px,24vw,230px);font-weight:900;line-height:1;letter-spacing:0;text-align:center;text-transform:uppercase;text-shadow:0 8px 0 rgba(74,45,136,.38),0 0 28px rgba(255,255,255,.88),0 18px 44px rgba(41,35,89,.42);animation-duration:.9s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.16,.84,.2,1)}.ready-go-cue[data-phase=ready]{animation-name:ready-cue-pop}.ready-go-cue[data-phase=set]{color:#bfffe9;text-shadow:0 8px 0 rgba(37,102,152,.36),0 0 30px rgba(255,255,255,.9),0 18px 44px rgba(26,62,120,.44);animation-duration:.72s;animation-name:set-cue-bounce}.ready-go-cue[data-phase=go]{color:#fff;text-shadow:0 8px 0 rgba(31,143,122,.4),0 0 34px rgba(255,255,255,.95),0 18px 48px rgba(20,76,101,.46);animation-duration:.58s;animation-name:go-cue-slam}@keyframes ready-cue-pop{0%{opacity:0;transform:scale(.62) translateY(18px)}24%{opacity:1;transform:scale(1.08) translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes set-cue-bounce{0%{opacity:0;transform:scale(.72) translateY(12px)}32%{opacity:1;transform:scale(1.1) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes go-cue-slam{0%{opacity:0;transform:scale(.52)}42%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.play-viewport-layout{height:100%;min-height:0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden}.play-viewport-page.is-countdown-shaking .play-viewport-layout{animation:countdown-screen-shake .18s linear infinite;transform-origin:50% 50%;will-change:transform}@keyframes countdown-screen-shake{0%,to{transform:translateZ(0) rotate(0)}18%{transform:translate3d(var(--countdown-shake-distance),calc(var(--countdown-shake-distance) * -.35),0) rotate(var(--countdown-shake-rotation))}38%{transform:translate3d(calc(var(--countdown-shake-distance) * -.7),calc(var(--countdown-shake-distance) * .45),0) rotate(calc(var(--countdown-shake-rotation) * -1))}62%{transform:translate3d(calc(var(--countdown-shake-distance) * .55),calc(var(--countdown-shake-distance) * .25),0) rotate(calc(var(--countdown-shake-rotation) * .65))}82%{transform:translate3d(calc(var(--countdown-shake-distance) * -1),calc(var(--countdown-shake-distance) * -.25),0) rotate(calc(var(--countdown-shake-rotation) * -.75))}}@media(prefers-reduced-motion:reduce){.play-viewport-page.is-countdown-shaking .play-viewport-layout{animation-duration:.5s}}.play-board-field{position:relative;min-width:0;min-height:0;height:100%;display:grid}.play-time-rail{position:fixed;left:0;top:calc(env(safe-area-inset-top) + clamp(150px,22vh,238px));bottom:calc(env(safe-area-inset-bottom) + clamp(14px,2vh,28px));z-index:28;width:clamp(7px,1vw,12px);border-radius:999px;overflow:hidden;background:#ffffff1f;box-shadow:inset 0 0 0 1px #dcf4ff38,0 0 18px #2dffa61a;pointer-events:none}.play-viewport-page.is-countdown-shaking .play-time-rail{animation:countdown-time-rail-shake .18s linear infinite;transform-origin:left center;will-change:transform}@keyframes countdown-time-rail-shake{0%,to{transform:translateZ(0) skewY(0)}18%{transform:translate3d(0,calc(var(--countdown-shake-distance) * -.45),0) skewY(var(--countdown-shake-rotation))}38%{transform:translate3d(0,calc(var(--countdown-shake-distance) * .5),0) skewY(calc(var(--countdown-shake-rotation) * -1))}62%{transform:translate3d(0,calc(var(--countdown-shake-distance) * .3),0) skewY(calc(var(--countdown-shake-rotation) * .7))}82%{transform:translate3d(0,calc(var(--countdown-shake-distance) * -.35),0) skewY(calc(var(--countdown-shake-rotation) * -.8))}}@media(prefers-reduced-motion:reduce){.play-viewport-page.is-countdown-shaking .play-time-rail{animation-duration:.5s}}.play-time-rail-fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--time-ratio, 1) * 100%);border-radius:inherit;background:linear-gradient(180deg,#9dff8f,#31df8d);box-shadow:0 0 14px #40ff977a,inset 0 1px #ffffff8a;transition:height .18s linear,background .22s ease,box-shadow .22s ease}.play-time-rail--warning .play-time-rail-fill{background:linear-gradient(180deg,#fff177,#ffb23e);box-shadow:0 0 18px #ffc03f94,inset 0 1px #ffffff94}.play-time-rail--danger .play-time-rail-fill{background:linear-gradient(180deg,#ffd07d,#ff6f3f 44%,#ff3567);box-shadow:0 0 22px #ff542eb3,0 0 36px #ff2a5357,inset 0 1px #ffffff94}.hud-card--play{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px;border-radius:18px;background:transparent;border:0;box-shadow:none}.hud-card--play .eyebrow,.hud-card--play .play-rule,.hud-card--play .hud-meta{display:none}.hud-card--play .target-number{min-width:64px;margin:0;font-size:clamp(44px,9vw,68px);line-height:.9}.hud-card--play .card-grid.compact-grid,.hud-card--play .compact-grid{grid-template-columns:repeat(3,max-content);gap:6px}.hud-card--play .stat-card{inline-size:clamp(74px,7vw,88px);min-height:50px;padding:6px 8px;border-radius:15px}.hud-card--play .stat-card-title{margin:0 0 2px;font-size:10px;line-height:1.05}.hud-card--play .stat-card h2{min-width:4ch;font-size:clamp(18px,4.6vw,28px);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1}.hud-card--play.hud-card--fever-panel{width:min(620px,calc(100vw - 28px));justify-self:center;padding:0;display:block}.play-fever-panel{width:100%;min-height:48px;display:grid;grid-template-columns:max-content minmax(96px,1fr) minmax(68px,max-content);align-items:center;gap:clamp(10px,2vw,18px);padding:8px clamp(11px,2.4vw,16px);border-radius:16px;background:linear-gradient(180deg,#253056b3,#161f3c7a);box-shadow:inset 0 1px #ffffff24,0 10px 26px #0000002e}.hud-card--play.hud-card--fever-panel.is-fever-active .play-fever-panel{background:linear-gradient(180deg,#ffd6ebd6,#ff89ba5c),#2f1f446b;box-shadow:inset 0 1px #ffffff6b,0 0 22px #ff83bf5c,0 10px 26px #5f1a4b33}.play-fever-copy{min-width:0;display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}.play-fever-label{color:#ffe2f3fa;font-size:clamp(12px,2.5vw,14px);font-weight:900;line-height:1;text-shadow:0 0 14px rgba(255,130,190,.42)}.play-fever-value{color:#fff8df;font-size:clamp(22px,4.8vw,34px);font-weight:900;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-shadow:0 0 18px rgba(255,200,220,.38),0 0 28px rgba(255,111,157,.24)}.play-fever-meter{position:relative;height:clamp(7px,1.3vw,10px);min-width:0;overflow:hidden;border-radius:999px;background:#ffffff26;box-shadow:inset 0 0 0 1px #e2eeff29,inset 0 2px 6px #0308163d}.play-fever-fill{position:absolute;inset:0;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#ff90ca,#ffe2f1 42%,#ff73b5 72%,#ffd978);box-shadow:0 0 18px #ff7ebc75;transition:none;will-change:transform}.play-fever-score{min-width:4ch;justify-self:end;color:var(--morphic-pink, #ff6f9d);font-size:clamp(24px,5.2vw,38px);font-weight:900;line-height:1;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-shadow:0 0 20px rgba(255,111,157,.28);transform-origin:center;animation:play-fever-score-pop .38s cubic-bezier(.16,.86,.22,1)}@keyframes play-fever-score-pop{0%{transform:scale(1)}42%{transform:scale(1.3)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.play-fever-fill{transition:none}.play-fever-score{animation:none}.board-card--legacy.board-card--fever .cell.tile:before,.board-card--legacy.board-card--fever .cell.tile .star-face{animation:none}}.board-card--legacy,.board-card--legacy .board-stage{min-height:0;overflow:hidden}.play-viewport-page .board-card--legacy{min-width:0;width:100%;height:100%;display:grid;place-items:center;container-type:size}.play-viewport-page .board-card--legacy .board-stage{box-sizing:border-box;width:100%;height:100%;padding:0;align-items:center;justify-items:center;container-type:size;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.play-viewport-page .board-card--legacy .board{--gap: clamp(4px, min(1.3vw, 1.3vh), 12px);--cell-by-width: calc((100cqw - (var(--gap) * (var(--cols) - 1))) / var(--cols));--cell-by-height: calc((100cqh - (var(--gap) * (var(--rows) - 1))) / var(--rows));--cell: min(72px, var(--cell-by-width), var(--cell-by-height));--num-size: clamp(14px, calc(var(--cell) * .38), 28px);max-width:100%;max-height:100%}.play-viewport-page .board-card--legacy .cell,.play-viewport-page .board-card--legacy .cell.tile{background:transparent;border:0;box-shadow:none}.board-card--legacy .cell.tile:before{z-index:1;inset:0;background-repeat:no-repeat;background-position:center;background-size:contain}.board-card--legacy.board-card--fever .cell.tile:before{filter:saturate(1.65) hue-rotate(-12deg) drop-shadow(0 0 10px rgba(255,74,129,.54)) drop-shadow(0 0 18px rgba(255,187,218,.32));animation:fever-star-flush .62s ease-in-out infinite alternate;animation-delay:calc(var(--cell-index) * -37ms)}.board-card--legacy.board-card--fever .cell.tile .star-face{animation:fever-star-face-wiggle .46s ease-in-out infinite alternate;animation-delay:calc(var(--cell-index) * -29ms)}.board-card--legacy.board-card--fever .cell.tile .star-face:before{background:#681a22;box-shadow:calc(var(--cell) * .28) 0 0 #681a22,calc(var(--cell) * .035) calc(var(--cell) * .13) 0 clamp(1px,calc(var(--cell) * .028),2px) #ff4f7f,calc(var(--cell) * .245) calc(var(--cell) * .13) 0 clamp(1px,calc(var(--cell) * .028),2px) #ff4f7f}.board-card--legacy.board-card--fever .cell.tile .star-face:after{border-bottom-color:#681a22}.board-card--legacy.board-card--fever .cell.tile .num{color:#7b1f25;text-shadow:0 1px 0 rgba(255,247,214,.95),0 0 10px rgba(255,112,169,.52),0 3px 6px rgba(71,14,34,.32)}@keyframes fever-star-flush{0%{transform:translateY(0) scale(1)}to{transform:translateY(-1px) scale(1.07)}}@keyframes fever-star-face-wiggle{0%{transform:translate(-50%,-50%) rotate(-2deg) scale(1)}to{transform:translate(-50%,-50%) rotate(2deg) scale(1.08)}}.board-card--legacy .cell--special{--special-star-primary: rgba(105, 239, 255, .92);--special-star-secondary: rgba(255, 221, 96, .82);--special-star-pulse-ms: 1.6s}.board-card--legacy .cell--special:after{content:"";position:absolute;z-index:2;inset:5%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 42%,var(--special-star-primary) 45%,transparent 49%),linear-gradient(90deg,transparent 36%,var(--special-star-secondary) 38%,transparent 41%,transparent 59%,var(--special-star-secondary) 62%,transparent 65%);filter:drop-shadow(0 0 8px var(--special-star-primary));opacity:.72;animation:special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.board-card--legacy .cell--special-row3{--special-star-primary: rgba(89, 228, 255, .95);--special-star-secondary: rgba(255, 240, 130, .86);z-index:4}.board-card--legacy .cell--special-row3:before{transform:scale(1.5);transform-origin:center;filter:drop-shadow(0 0 12px rgba(89,228,255,.52))}.board-card--legacy .cell--special-row3:after{z-index:3;inset:-18%;background:radial-gradient(circle,transparent 40%,var(--special-star-primary) 43%,transparent 49%),linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.92) 16%,transparent 22% 34%,var(--special-star-secondary) 39%,transparent 45% 58%,rgba(89,228,255,.86) 64%,transparent 72% 100%);animation:special-row-wind .78s linear infinite,special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.board-card--legacy .cell--special-row5{--special-star-primary: rgba(47, 250, 255, .98);--special-star-secondary: rgba(255, 255, 148, .92);--special-star-pulse-ms: 1.22s;z-index:5}.board-card--legacy .cell--special-row5:before{transform:scale(1.62);transform-origin:center;filter:drop-shadow(0 0 13px rgba(47,250,255,.62)) drop-shadow(0 0 20px rgba(255,255,148,.34))}.board-card--legacy .cell--special-row5:after{z-index:3;inset:-24%;background:radial-gradient(circle,transparent 38%,var(--special-star-primary) 41%,transparent 48%),linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.96) 12%,transparent 18% 26%,var(--special-star-secondary) 31%,transparent 38% 48%,rgba(47,250,255,.9) 53%,transparent 61% 70%,rgba(255,255,255,.86) 76%,transparent 86% 100%);animation:special-row-wind .56s linear infinite,special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.board-card--legacy .cell--special-col3{--special-star-primary: rgba(146, 132, 255, .95);--special-star-secondary: rgba(255, 225, 105, .86);z-index:4}.board-card--legacy .cell--special-col3:before{transform:scale(1.5);transform-origin:center;filter:drop-shadow(0 0 12px rgba(146,132,255,.52))}.board-card--legacy .cell--special-col3:after{z-index:3;inset:-18%;background:radial-gradient(circle,transparent 42%,var(--special-star-primary) 45%,transparent 49%),linear-gradient(0deg,transparent 0 12%,rgba(255,255,255,.92) 16%,transparent 22% 34%,var(--special-star-secondary) 39%,transparent 45% 58%,rgba(146,132,255,.86) 64%,transparent 72% 100%);animation:special-col-wind .78s linear infinite,special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.board-card--legacy .cell--special-col5{--special-star-primary: rgba(185, 102, 255, .98);--special-star-secondary: rgba(255, 246, 136, .92);--special-star-pulse-ms: 1.22s;z-index:5}.board-card--legacy .cell--special-col5:before{transform:scale(1.62);transform-origin:center;filter:drop-shadow(0 0 13px rgba(185,102,255,.62)) drop-shadow(0 0 20px rgba(255,246,136,.34))}.board-card--legacy .cell--special-col5:after{z-index:3;inset:-24%;background:radial-gradient(circle,transparent 40%,var(--special-star-primary) 43%,transparent 49%),linear-gradient(0deg,transparent 0 8%,rgba(255,255,255,.96) 12%,transparent 18% 26%,var(--special-star-secondary) 31%,transparent 38% 48%,rgba(185,102,255,.9) 53%,transparent 61% 70%,rgba(255,255,255,.86) 76%,transparent 86% 100%);animation:special-col-wind .56s linear infinite,special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.board-card--legacy .cell--special-burst8{--special-star-primary: rgba(255, 121, 177, .95);--special-star-secondary: rgba(255, 242, 126, .88)}.board-card--legacy .cell--special-burst8:after{background:radial-gradient(circle,transparent 35%,var(--special-star-primary) 39%,transparent 43%),conic-gradient(from 22deg,transparent 0 10%,var(--special-star-secondary) 11% 15%,transparent 16% 35%,var(--special-star-secondary) 36% 40%,transparent 41% 60%,var(--special-star-secondary) 61% 65%,transparent 66% 85%,var(--special-star-secondary) 86% 90%,transparent 91% 100%)}.board-card--legacy .cell--special-sameValue{--special-star-primary: rgba(120, 255, 162, .98);--special-star-secondary: rgba(255, 255, 255, .9);z-index:4}.board-card--legacy .cell--special-sameValue:before{transform:scale(1.5);transform-origin:center;filter:drop-shadow(0 0 12px rgba(91,255,159,.54))}.board-card--legacy .cell--special-sameValue:after{z-index:3;inset:-20%;background:radial-gradient(circle,transparent 35%,var(--special-star-primary) 39%,transparent 45%),repeating-conic-gradient(from 0deg,var(--special-star-secondary) 0 8deg,transparent 8deg 24deg)}.board-card--legacy .cell--special .num{z-index:4}.board-card--legacy .cell--special-sameValue .star-face{z-index:4;transform:translate(-50%,-50%) scale(1.5)}.board-card--legacy .cell--special-sameValue .num{z-index:5;top:70%;color:#412303;font-size:clamp(22px,calc(var(--cell) * .58),42px);-webkit-text-stroke:1px rgba(255,250,204,.9);text-shadow:0 1px 0 rgba(255,252,190,.98),0 0 10px rgba(119,255,163,.72),0 4px 7px rgba(38,24,4,.42)}.board-card--legacy .cell--special-row3 .star-face,.board-card--legacy .cell--special-col3 .star-face,.board-card--legacy .cell--special-row5 .star-face,.board-card--legacy .cell--special-col5 .star-face{z-index:4;transform:translate(-50%,-50%) scale(1.5)}.board-card--legacy .cell--special-row3 .star-face,.board-card--legacy .cell--special-col3 .star-face{transform:translate(-50%,-50%) scale(1.5)}.board-card--legacy .cell--special-row5 .star-face,.board-card--legacy .cell--special-col5 .star-face{transform:translate(-50%,-50%) scale(1.62)}@keyframes special-star-ready-pulse{0%,to{opacity:.52;transform:scale(.96)}50%{opacity:.88;transform:scale(1.04)}}@keyframes special-row-wind{0%{background-position:-72% center,-140% center}to{background-position:72% center,140% center}}@keyframes special-col-wind{0%{background-position:center 72%,center 140%}to{background-position:center -72%,center -140%}}.board-card--legacy .cell .star-face{position:absolute;left:50%;top:36.5%;z-index:2;width:clamp(18px,calc(var(--cell) * .38),28px);height:clamp(12px,calc(var(--cell) * .24),18px);transform:translate(-50%,-50%);pointer-events:none}.board-card--legacy .cell .star-face:before{content:"";position:absolute;left:50%;top:1px;width:clamp(3px,calc(var(--cell) * .065),5px);height:clamp(3px,calc(var(--cell) * .065),5px);border-radius:50%;background:#4b2b11;transform:translate(calc(var(--cell) * -.14));box-shadow:calc(var(--cell) * .28) 0 0 #4b2b11,calc(var(--cell) * .035) calc(var(--cell) * .13) 0 clamp(1px,calc(var(--cell) * .028),2px) #ff96ae,calc(var(--cell) * .245) calc(var(--cell) * .13) 0 clamp(1px,calc(var(--cell) * .028),2px) #ff96ae}.board-card--legacy .cell .star-face:after{content:"";position:absolute;left:50%;top:clamp(4px,calc(var(--cell) * .095),7px);width:clamp(8px,calc(var(--cell) * .18),13px);height:clamp(5px,calc(var(--cell) * .11),8px);border-bottom:clamp(2px,calc(var(--cell) * .045),3px) solid #4b2b11;border-radius:0 0 14px 14px;transform:translate(-50%)}.board-card--legacy .cell .num{z-index:3;padding-top:0;position:absolute;left:50%;top:68%;color:#6b3c10;font-size:clamp(17px,calc(var(--cell) * .38),28px);line-height:1;transform:translate(-50%,-43%);text-shadow:0 1px 0 rgba(255,247,184,.95),0 3px 4px rgba(92,52,10,.3)}.board-card--legacy .cell.tile .num:before,.board-card--legacy .cell.tile .num:after{content:none}.board-card--legacy .cell--falling.tile{z-index:6;will-change:transform,opacity;animation:packed-star-drop .62s cubic-bezier(.16,.92,.18,1) both;animation-delay:calc((var(--cell-col) * 10ms) + (var(--cell-row) * 2ms))}.board-card--legacy .cell--spawned.tile{animation-name:packed-star-spawn-drop}.board-card--legacy .cell--swapping.tile{z-index:12;will-change:transform,filter;animation:swapping-star-exchange .42s cubic-bezier(.2,.86,.24,1) both}.board-card--legacy .cell--swap-returning.tile{z-index:12;will-change:transform,filter;animation:swapping-star-return .36s cubic-bezier(.34,.02,.24,1) both}.board-card--legacy .board-stage.is-reshuffling{overflow:hidden}.reshuffle-banner{position:absolute;left:50%;top:12px;z-index:9;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 18px;border:3px solid rgba(255,255,255,.88);border-radius:999px;background:linear-gradient(180deg,#fff8ca,#ffcc62);color:#236fd3;font-size:clamp(16px,4vw,22px);font-weight:1000;line-height:1;white-space:nowrap;box-shadow:0 7px #2c73cd38,0 12px 22px #256dc633,inset 0 1px #fffffff0;text-shadow:none;transform:translate(-50%);animation:reshuffle-banner-pop .42s cubic-bezier(.18,.9,.22,1) both;pointer-events:none}.board-card--legacy .board-stage.is-reshuffling .board{animation:reshuffle-board-wobble .68s ease-in-out both}.board-card--legacy .board-stage.is-reshuffling .drag-rect{display:none!important}.board-card--legacy .board-stage.is-reshuffling .cell.tile{pointer-events:none;will-change:transform,opacity;animation:reshuffle-star-cycle 1.55s cubic-bezier(.2,.8,.22,1) both;animation-delay:calc((var(--cell-row) * 14ms) + (var(--cell-col) * 5ms))}.board-card--legacy.board-card--fever .board-stage.is-reshuffling .cell.tile:before{filter:none;animation:none}.board-card--legacy.board-card--fever .board-stage.is-reshuffling .cell.tile .star-face{animation:none}.board-card--legacy .board-stage.is-reshuffling .cell--special:before{filter:none}.board-card--legacy .board-stage.is-reshuffling .cell--special:after{filter:none;opacity:.36;animation:none}@keyframes reshuffle-banner-pop{0%{opacity:0;transform:translate(-50%,-12px) scale(.86)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes reshuffle-board-wobble{0%,to{transform:translate(0)}18%{transform:translate(-4px)}36%{transform:translate(5px)}54%{transform:translate(-3px)}72%{transform:translate(2px)}}@keyframes reshuffle-star-cycle{0%{opacity:1;transform:translateZ(0) rotate(0) scale(1)}9%{transform:translate3d(-3px,1px,0) rotate(-7deg) scale(1.04)}18%{transform:translate3d(3px,-1px,0) rotate(7deg) scale(1.04)}28%{opacity:1;transform:translate3d(-2px,2px,0) rotate(-5deg) scale(1.02)}47%{opacity:0;transform:translate3d(0,115dvh,0) rotate(58deg) scale(.72)}48%{opacity:0;transform:translate3d(0,-86px,0) rotate(-14deg) scale(.76)}66%{opacity:1;transform:translate3d(0,-14px,0) rotate(4deg) scale(1.06)}82%{transform:translate3d(0,5px,0) rotate(-2deg) scale(.98)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes packed-star-drop{0%{opacity:.98;transform:translate3d(var(--fall-x),var(--fall-y),0) scale(.98)}70%{opacity:1;transform:translate3d(0,7px,0) scale(1.03)}87%{transform:translate3d(0,-3px,0) scale(.995)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes packed-star-spawn-drop{0%{opacity:0;transform:translate3d(var(--fall-x),var(--fall-y),0) scale(.82)}36%{opacity:1}72%{transform:translate3d(0,8px,0) scale(1.04)}88%{transform:translate3d(0,-3px,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes swapping-star-exchange{0%{filter:brightness(1);transform:translateZ(0) rotate(0) scale(1)}46%{filter:brightness(1.16);transform:translate3d(var(--swap-mid-x),var(--swap-mid-y),0) rotate(var(--swap-rotate)) scale(1.1)}82%{transform:translate3d(var(--swap-x),var(--swap-y),0) rotate(var(--swap-settle-rotate)) scale(1.03)}to{filter:brightness(1);transform:translate3d(var(--swap-x),var(--swap-y),0) rotate(0) scale(1)}}@keyframes swapping-star-return{0%{filter:brightness(1.1);transform:translate3d(var(--swap-x),var(--swap-y),0) rotate(0) scale(1.02)}48%{filter:brightness(1.16);transform:translate3d(var(--swap-mid-x),var(--swap-mid-y),0) rotate(var(--swap-counter-rotate)) scale(1.08)}82%{transform:translateZ(0) rotate(var(--swap-settle-rotate)) scale(.98)}to{filter:brightness(1);transform:translateZ(0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.reshuffle-banner,.board-card--legacy .board-stage.is-reshuffling .board,.board-card--legacy .board-stage.is-reshuffling .cell.tile,.board-card--legacy .cell--falling.tile,.board-card--legacy .cell--spawned.tile,.board-card--legacy .cell--swapping.tile,.board-card--legacy .cell--swap-returning.tile,.board-card--legacy .answer-hint-rect{animation-duration:1ms;animation-delay:0ms}}@media(max-width:960px){.owned-shell .shell-header--app-home+.starpang-app-page{height:calc(100dvh - 112px - env(safe-area-inset-bottom));min-height:0;padding-bottom:14px;overflow-y:auto;overscroll-behavior:contain}.play-viewport-page{height:100%;padding-bottom:calc(10px + env(safe-area-inset-bottom));overflow:hidden}.play-viewport-layout{gap:7px}.shell-header--play .shell-header-pressure{height:64px;min-height:64px}}@media(max-width:768px){.play-viewport-page{padding:4px clamp(8px,2vw,12px) calc(8px + env(safe-area-inset-bottom))}.play-viewport-layout{gap:6px}.hud-card--play{padding:6px 10px;border-radius:16px}.hud-card--play.hud-card--fever-panel{width:min(560px,calc(100vw - 16px));padding:0}.play-fever-panel{min-height:42px;grid-template-columns:max-content minmax(72px,1fr) minmax(58px,max-content);gap:8px;padding:7px 10px;border-radius:14px}.hud-card--play .target-number{min-width:54px;font-size:clamp(40px,8vw,58px)}.hud-card--play .stat-card{min-height:46px;padding:5px 7px}.board-card--legacy .board-stage{padding:clamp(7px,1.8vw,10px);border-radius:24px}.board-card--legacy .board{--cell: clamp(34px, 9.6vw, 48px);--gap: clamp(6px, 1.9vw, 11px);--num-size: clamp(15px, 4.1vw, 24px)}}@media(max-width:1024px)and (max-height:500px)and (orientation:landscape){.owned-shell--play .shell-chrome{grid-template-rows:minmax(0,1fr)}.shell-header--play{grid-template-columns:auto minmax(0,1fr);min-height:52px;padding:6px 12px}.shell-header--play .shell-brand{font-size:24px}.shell-header--play .shell-header-pressure,.shell-header--play .combo-pressure-shell,.combo-pressure-shell{height:44px;min-height:44px}.play-fever-panel{min-height:38px;padding:6px 10px}.play-viewport-page{padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.play-viewport-layout{grid-template-columns:minmax(140px,180px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:8px}.hud-card--play{grid-template-columns:1fr;align-content:center;padding:6px}.hud-card--play .target-number{min-width:0;text-align:center;font-size:clamp(34px,10vh,42px)}.hud-card--play .card-grid.compact-grid,.hud-card--play .compact-grid{grid-template-columns:1fr}.hud-card--play .stat-card{min-height:36px;padding:4px 6px}.hud-card--play .stat-card h2{font-size:clamp(16px,5vh,22px)}.board-card--legacy .board-stage{height:100%;padding:6px;align-items:center}.board-card--legacy .board{--cell: clamp(28px, 7.2vh, 36px);--gap: clamp(4px, 1.2vh, 6px);--num-size: clamp(14px, 3.8vh, 21px)}}@media(max-width:430px){.owned-shell .starpang-app-page{padding-bottom:calc(154px + env(safe-area-inset-bottom))}}.public-shell .starpang-app-page--reference,.owned-shell .starpang-app-page--reference,.owned-shell .shell-header--app-home+.starpang-app-page--reference{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.product-shell:has(.starpang-app-page--home),.product-shell:has(.starpang-app-page--home) .shell-chrome{min-height:100dvh;overflow:hidden;background:transparent}.product-shell:has(.starpang-app-page--home):before,.product-shell:has(.starpang-app-page--home):after,.product-shell:has(.starpang-app-page--home) .starfield-backdrop{display:none}.starpang-app-page--home{position:relative;isolation:isolate;min-height:100dvh;padding:14px max(10px,env(safe-area-inset-left)) 0 max(10px,env(safe-area-inset-right));overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 49% 8%,rgba(255,255,255,.22),transparent 20%),linear-gradient(180deg,#25b9fa,#45ccff 44%,#c8f873 66%,#63d465)}.starpang-scene-decor{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene-object{position:absolute;display:block;overflow:visible}.scene-cloud{fill:#ffffffd6;filter:drop-shadow(0 12px 16px rgba(65,161,211,.12))}.scene-cloud--left{left:max(-58px,calc(50vw - 410px));top:28%;width:154px}.scene-cloud--right{right:max(-48px,calc(50vw - 430px));top:17%;width:146px}.scene-rainbow{fill:none;opacity:.72}.scene-rainbow--right{right:max(-92px,calc(50vw - 488px));top:21%;width:294px;transform:rotate(2deg)}.scene-rainbow-band{stroke-linecap:round;stroke-width:22px}.scene-rainbow-band--pink{stroke:#ff97b48c}.scene-rainbow-band--yellow{stroke:#ffe7608f}.scene-rainbow-band--green{stroke:#7be69685}.scene-rainbow-band--blue{stroke:#5dcef585}.scene-rainbow-band--violet{stroke:#a088ec7a}.scene-hill{bottom:-16px;width:320px;opacity:.7}.scene-hill--left{left:max(-92px,calc(50vw - 440px))}.scene-hill--right{right:max(-108px,calc(50vw - 448px))}.scene-hill-back{fill:#1fa25a5c}.scene-hill-front{fill:#52c55657}.scene-bubble{opacity:.72}.scene-bubble circle:first-child{stroke:#ffffff6b;stroke-width:3px}.scene-bubble-shine{fill:#ffffff8a}.scene-bubble--pink circle:first-child{fill:#ffa8dabd}.scene-bubble--yellow circle:first-child{fill:#ffeb62bd}.scene-bubble--green circle:first-child{fill:#44bd659e}.scene-bubble--one{left:max(52px,calc(50vw - 270px));top:47%;width:48px}.scene-bubble--two{right:max(32px,calc(50vw - 292px));top:80%;width:64px}.scene-bubble--three{left:max(24px,calc(50vw - 314px));bottom:2%;width:58px}.scene-sparkle{width:24px;height:24px}.scene-sparkle--one{left:max(92px,calc(50vw - 220px));top:16%}.scene-sparkle--two{right:max(108px,calc(50vw - 210px));top:9%}.owned-shell .shell-header--app-home+.starpang-app-page--home,.owned-shell .starpang-app-page--home,.public-shell .starpang-app-page--home{height:100dvh;min-height:0;padding-bottom:calc(var(--starpang-bottom-nav-height) + 10px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-padding-bottom:calc(var(--starpang-bottom-nav-height) + 10px);-webkit-overflow-scrolling:touch}.starpang-app-page--home:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at -2% 34%,rgba(255,255,255,.92) 0 38px,rgba(255,255,255,.46) 39px 62px,transparent 64px),radial-gradient(ellipse at 4% 42%,rgba(255,255,255,.86) 0 46px,rgba(255,255,255,.34) 47px 70px,transparent 72px),radial-gradient(ellipse at 96% 20%,rgba(255,255,255,.9) 0 40px,rgba(255,255,255,.42) 41px 62px,transparent 64px),radial-gradient(ellipse at 98% 38%,rgba(255,255,255,.84) 0 42px,rgba(255,255,255,.32) 43px 68px,transparent 70px),radial-gradient(circle at 14% 43%,rgba(255,168,218,.84) 0 18px,transparent 20px),radial-gradient(circle at 86% 48%,rgba(255,126,154,.68) 0 20px,transparent 22px),radial-gradient(circle at 18% 61%,rgba(255,235,98,.78) 0 14px,transparent 16px),radial-gradient(circle at 91% 83%,rgba(255,212,112,.76) 0 28px,transparent 30px),radial-gradient(circle at 9% 97%,rgba(255,174,226,.72) 0 20px,transparent 22px),radial-gradient(circle at 6% 76%,rgba(255,255,255,.7) 0 3px,transparent 4px),radial-gradient(circle at 92% 9%,rgba(255,255,255,.35) 0 3px,transparent 4px);display:none}.starpang-app-page--home:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(128deg,transparent 0 57%,rgba(255,151,180,.5) 57.2% 59.2%,rgba(255,231,96,.5) 59.4% 61.4%,rgba(123,230,150,.46) 61.6% 63.6%,rgba(93,206,245,.46) 63.8% 65.8%,rgba(160,136,236,.42) 66% 68%,transparent 68.2%),radial-gradient(ellipse at 50% 100%,rgba(71,183,80,.34) 0 22%,transparent 45%),radial-gradient(ellipse at 10% 100%,rgba(31,162,90,.34) 0 15%,transparent 32%),radial-gradient(ellipse at 91% 100%,rgba(28,172,92,.3) 0 16%,transparent 34%);opacity:.94;display:none}.starpang-showcase--live{position:relative;z-index:1;width:var(--starpang-bottom-nav-width);min-height:calc(100dvh - var(--starpang-bottom-nav-height) - 22px);padding:0 10px;display:grid;grid-template-rows:repeat(6,auto);gap:clamp(5px,1dvh,12px);gap:5px;align-content:space-between}.starpang-showcase--live .showcase-topbar{position:absolute;top:17px;left:50%;width:calc(100% - 20px);pointer-events:none}.starpang-showcase--live .utility-button{width:58px;min-height:66px;padding:6px 4px;border-radius:18px;font-size:14px;pointer-events:auto}.starpang-showcase--live .utility-spacer,.starpang-menu-screen .utility-spacer{width:58px;min-height:66px}.starpang-showcase--live .utility-button span,.starpang-showcase--live .utility-button-icon{width:30px;height:30px;font-size:23px}.starpang-showcase--live .starpang-logo-3d{width:min(354px,84vw);margin-top:12px;margin-bottom:8px}.starpang-showcase--live .showcase-target{min-height:78px;grid-template-columns:auto auto auto minmax(0,1fr) auto;margin-top:-14px;padding:10px 12px 10px 20px;gap:8px;border-radius:24px}.starpang-showcase--live .showcase-target:before{content:none}.starpang-showcase--live .target-label{font-size:28px}.starpang-showcase--live .showcase-target strong{min-width:78px;font-size:28px;line-height:1}.starpang-showcase--live .target-buddy{width:52px;height:52px}.starpang-showcase--live .showcase-board{--showcase-board-gap: 3px;--showcase-board-padding: 7px;gap:3px;padding:7px;border-radius:24px;margin-bottom:8px}.starpang-showcase--live .showcase-tile{border-radius:9px}.starpang-showcase--live .showcase-star{inset:3px}.starpang-showcase--live .showcase-tile strong{margin-bottom:5px;font-size:14px}.starpang-showcase--live .showcase-actions{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:9px;margin-top:8px;margin-bottom:14px}.starpang-showcase--live .showcase-action{min-height:58px;flex-direction:column;gap:2px;border-radius:18px;font-size:17px;line-height:1}.starpang-showcase--live .showcase-action .vector-object{width:25px;height:25px}.showcase-action--survival{background:linear-gradient(180deg,#6fe3d3,#25c3a7)}.starpang-showcase--live .showcase-action--survival{font-size:17px}.starpang-showcase--live .today-rank-card{margin-top:24px;padding:24px 10px 12px;border-radius:22px}.starpang-showcase--live .rank-ribbon{min-width:164px;min-height:34px;top:-17px;padding-inline:14px;font-size:20px}.starpang-showcase--live .rank-card-row{min-height:50px;gap:8px;padding:8px 9px;border-width:2px;border-radius:15px}.starpang-showcase--live .rank-card-row+.rank-card-row{margin-top:10px}.starpang-showcase--live .rank-card-row p{display:grid;gap:2px;font-size:13px}.starpang-showcase--live .rank-card-row strong{font-size:30px}.starpang-showcase--live .rank-card-row--top strong{color:#5b371d;font-size:30px}.starpang-showcase--live .medal-badge,.starpang-showcase--live .mini-rank-star{width:40px;height:40px}.showcase-bottom-nav{position:sticky;bottom:0;z-index:6;width:calc(100% + 20px);min-height:var(--starpang-bottom-nav-height);margin:0 -10px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-self:end;border-radius:28px 28px 0 0;background:#fffffff5;box-shadow:0 -8px 24px #2c72b629}.showcase-bottom-nav--global{position:fixed;left:50%;bottom:0;z-index:24;width:var(--starpang-bottom-nav-width);margin:0;transform:translate(-50%)}.showcase-bottom-nav--global{width:var(--starpang-bottom-nav-width)}.starpang-showcase--live>.showcase-bottom-nav{position:fixed;left:50%;bottom:0;z-index:30;width:var(--starpang-bottom-nav-width);margin:0;transform:translate(-50%)}.owned-shell .starpang-app-page .showcase-bottom-nav{display:none}.showcase-bottom-nav a{position:relative;display:grid;justify-items:center;align-content:start;gap:5px;padding-top:7px;color:#5f6874;font-size:13px;font-weight:900;line-height:1;text-decoration:none}.showcase-bottom-nav a.is-active{color:#1c8fe7}.showcase-bottom-nav a.is-active:before{content:none}.showcase-nav-active-bar{position:absolute;top:-10px;left:50%;width:40px;height:4px;transform:translate(-50%)}.showcase-nav-icon{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.55}.showcase-nav-icon--home{fill:currentColor;stroke:none}@media(min-width:560px){.starpang-showcase--live{width:min(var(--starpang-menu-max-width),calc(100vw - 36px))}}@media(max-height:860px){.starpang-app-page--home{padding-top:8px}.starpang-showcase--live{width:min(344px,calc(100vw - 36px));min-height:calc(100dvh - var(--starpang-bottom-nav-height) - 16px);gap:7px}.starpang-showcase--live>.showcase-bottom-nav--global{width:var(--starpang-bottom-nav-width)}.starpang-showcase--live .starpang-logo-3d{width:min(330px,84vw);margin-top:14px;margin-bottom:6px}.starpang-showcase--live .showcase-board{margin-bottom:7px}.starpang-showcase--live .showcase-actions{margin-top:6px;margin-bottom:11px}.starpang-showcase--live .today-rank-card{margin-top:22px}.starpang-showcase--live .showcase-target{min-height:76px;margin-top:-13px}.starpang-showcase--live .showcase-target strong,.starpang-showcase--live .target-label{font-size:27px}.starpang-showcase--live .showcase-action{min-height:54px}.starpang-showcase--live .rank-card-row{min-height:58px}}.versus-page{width:min(720px,100%);margin:0 auto;display:grid;gap:14px;padding:14px max(10px,env(safe-area-inset-left)) 18px max(10px,env(safe-area-inset-right));color:#fff}.versus-room,.versus-lobby,.versus-play{display:grid;gap:12px;padding:16px;border:2px solid rgba(191,221,255,.25);border-radius:22px;background:#0d1b37d6;box-shadow:0 14px 28px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.versus-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}.versus-page-header .eyebrow{margin:0;font-size:13px;letter-spacing:.06em;color:#98c2ff}.versus-page-header h1,.versus-play-hud strong{margin:0}.versus-room-list,.versus-player-list{display:grid;gap:8px}.versus-room-card,.versus-player-list p{padding:11px 12px;border-radius:14px;background:#0b172c85;border:1px solid rgba(145,198,255,.2)}.versus-room-card__title{display:flex;justify-content:space-between;gap:8px;font-size:18px;font-weight:900}.versus-room-status{margin:8px 0 0;padding:6px 10px;border-radius:999px;display:inline-block;background:#ff6f9d2e;color:#ffd0db}.versus-room-status--playing{background:#ff6f9d4d}.versus-room-actions,.versus-result-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.versus-room-actions button,.versus-result-actions button,.versus-match-button{min-height:50px;border:0;border-radius:14px;color:#fff;font-size:18px;font-weight:900;font-family:inherit;letter-spacing:0;background:linear-gradient(180deg,#6fd4ff,#3a9ce6);box-shadow:inset 0 -1px #00000038,0 8px #2c5e9642}.versus-room-actions button:disabled,.versus-match-button:disabled{opacity:.5}.versus-ready-badge{display:inline-flex;padding:4px 8px;margin-left:8px;border-radius:999px;border:1px solid rgba(255,255,255,.34);background:#4c61ff33;color:#d3e4ff;font-size:12px;font-weight:900}.versus-ready-badge.is-ready{background:#54ffc242;color:#a7ffd4}.versus-play-hud{display:grid;gap:4px}.versus-play-hud p,.versus-room-list p,.versus-room-list strong{margin:0}.versus-play-hud strong{font-size:24px;line-height:1}.versus-shared-board{--cols: 7;--rows: 11;width:min(100%,700px);display:grid;margin:0 auto;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:6px;touch-action:none}.versus-cell{min-height:0;border:0;border-radius:9px;cursor:pointer;padding:0;background:transparent}.versus-cell.is-ghost{position:relative}.versus-cell.is-ghost:after{content:"";position:absolute;inset:2px;border-radius:8px;border:2px dashed #ffd966;pointer-events:none}.versus-cell.is-cleared{opacity:.32}.versus-cell:disabled{cursor:not-allowed}.versus-countdown,.versus-rule-note,.versus-connection-alert{margin:0;border-radius:12px;padding:8px 12px}.versus-countdown{color:#8ed6ff;background:#3873bb42}.versus-rule-note{font-size:14px;color:#d6f0ff;background:#6092e226}.versus-connection-alert{color:#ffdbd1;background:#ff69892e}.versus-result-overlay{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:16px;background:#07101ea3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.versus-result-panel{width:min(440px,100%);border-radius:20px;padding:18px;background:linear-gradient(180deg,#17233dfa,#0b1832fa);border:1px solid rgba(164,210,255,.38);box-shadow:0 20px 40px #00000052,inset 0 1px #ffffff14;text-align:center}.versus-result-panel .eyebrow{margin-top:0}.versus-result-outcome{display:inline-block;margin:6px 0 8px;padding:8px 16px;border-radius:999px;letter-spacing:.12em;font-size:20px;font-weight:1000}.versus-result-outcome--win{background:#57e3b633;color:#9df8c2}.versus-result-outcome--lose{background:#ff7c9233;color:#ffc1cc}.versus-result-outcome--draw{background:#bfc2ff3d;color:#c0d2ff}.versus-score-roll{display:grid;gap:8px}.versus-score-roll p{margin:0;display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;border-radius:12px;border:1px solid rgba(176,206,255,.28);background:#0c1d398f}.versus-score-roll strong{font-size:28px;color:#97d5ff}.versus-room-actions a{display:grid;place-items:center;text-decoration:none}.auth-page--starpang{position:relative;min-height:100dvh;display:grid;place-items:start center;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(176px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden auto;scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom));background:radial-gradient(circle at 8% 18%,rgba(255,255,255,.8) 0 42px,transparent 44px),radial-gradient(circle at 88% 20%,rgba(255,255,255,.78) 0 36px,transparent 38px),radial-gradient(circle at 18% 86%,rgba(255,143,196,.38) 0 42px,transparent 44px),radial-gradient(circle at 82% 84%,rgba(255,220,80,.38) 0 52px,transparent 54px),linear-gradient(180deg,#31bbfb,#96ebff 48%,#a9ee85)}.auth-page--starpang:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 36%,rgba(255,231,77,.9) 0 9px,transparent 10px),radial-gradient(circle at 77% 12%,rgba(255,231,77,.9) 0 11px,transparent 12px),radial-gradient(circle at 88% 48%,rgba(255,158,198,.68) 0 10px,transparent 11px),radial-gradient(circle at 10% 62%,rgba(255,255,255,.82) 0 8px,transparent 9px),linear-gradient(132deg,transparent 0 65%,rgba(255,255,255,.22) 65.2% 66.4%,transparent 66.6%);display:none}.auth-page--starpang:after{content:"";position:fixed;left:0;right:0;bottom:-18px;height:180px;pointer-events:none;background:radial-gradient(circle at 8% 92%,#3bbd61 0 54px,transparent 56px),radial-gradient(circle at 92% 90%,#42c76a 0 64px,transparent 66px),radial-gradient(circle at 28% 86%,#ffb5cf 0 18px,transparent 20px),radial-gradient(circle at 78% 72%,#ffdc58 0 20px,transparent 22px),linear-gradient(180deg,transparent 0%,rgba(101,214,84,.66) 46%,#72d957 100%);display:none}.auth-star-card{position:relative;z-index:1;width:min(390px,100%);display:grid;justify-items:center;gap:14px;margin:0 auto;padding:20px 18px 18px;border:4px solid rgba(255,255,255,.88);border-radius:34px;background:linear-gradient(180deg,#ffffffe6,#effaffd1);color:#4c2d15;box-shadow:inset 0 0 0 3px #77ccff3d,inset 0 2px #ffffffd1,0 12px #207ad52e,0 24px 44px #207ad533}.auth-star-card>*{position:relative;z-index:1}.auth-star-card--login{margin-top:clamp(12px,6vh,54px)}.auth-star-card--register{margin-top:clamp(6px,3vh,28px)}.auth-logo-wrap{position:relative;z-index:1;width:min(300px,82vw);display:grid;place-items:center;margin-bottom:-8px}.auth-logo-wrap .starpang-logo-svg{width:100%}.auth-logo-star{position:absolute;right:16px;bottom:-6px;width:76px;height:76px;rotate:-10deg;filter:none}.auth-card-heading{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;text-align:center}.auth-kicker{display:inline-grid;place-items:center;min-height:34px;padding:4px 18px;border-radius:999px;background:linear-gradient(180deg,#fff6b4,#ffdc58);color:#8c5315;font-size:15px;font-weight:1000;box-shadow:inset 0 2px #ffffffb8,0 4px #cc84162e}.auth-card-heading h1{margin:0;color:#2384d8;font-size:clamp(38px,10vw,54px);font-weight:1000;line-height:1;letter-spacing:0;text-shadow:none}.auth-card-heading p,.auth-switch-link{margin:0;color:#6b4218;font-size:16px;font-weight:900;line-height:1.35}.auth-star-card .auth-form{position:relative;z-index:1;width:min(320px,calc(100% - 32px));max-width:100%;display:grid;gap:12px}.auth-field{display:grid;gap:6px}.auth-field label{color:#247fd8;font-size:17px;font-weight:1000;text-shadow:none}.auth-star-card .auth-form input{width:100%;min-height:58px;padding:12px 16px;border:3px solid rgba(74,169,238,.34);border-radius:19px;background:linear-gradient(180deg,#fffffffa,#ecf9fff0);color:#4c2d15;font:inherit;font-size:18px;font-weight:900;box-shadow:inset 0 -4px #46a9eb17,inset 0 2px #ffffffeb}.auth-star-card .auth-form input::placeholder{color:#4c2d156b}.auth-star-card .auth-form input:focus{border-color:#28a6f5;outline:4px solid rgba(71,191,255,.26)}.auth-star-card .form-error{margin:0;padding:10px 12px;border:3px solid rgba(255,255,255,.76);border-radius:16px;background:linear-gradient(180deg,#fff2f4,#ffe1e7);color:#df4565;font-size:15px;font-weight:1000;text-align:center}.login-prompt-overlay{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.24),transparent 34%),#1785d547;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-prompt-card{position:relative;width:min(360px,100%);display:grid;justify-items:center;gap:12px;padding:22px 18px 18px;border:4px solid rgba(255,255,255,.92);border-radius:28px;background:linear-gradient(180deg,#fffffff5,#ecf9ffeb);color:#4c2d15;box-shadow:inset 0 0 0 3px #77ccff38,inset 0 2px #ffffffdb,0 14px #207ad52e,0 26px 50px #18569e47}.login-prompt-close{position:absolute;top:12px;right:12px;width:42px;height:42px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(180deg,#fff,#eaf8ff);color:#247fd8;font:inherit;font-size:28px;font-weight:1000;line-height:1;box-shadow:0 5px #207ad524;cursor:pointer}.login-prompt-star{width:86px;height:86px;margin-bottom:-4px;filter:none}.login-prompt-card h2{margin:-4px 0 0;color:#2384d8;font-size:clamp(34px,10vw,48px);font-weight:1000;line-height:1;letter-spacing:0}.login-prompt-form{width:min(300px,calc(100% - 20px));display:grid;gap:10px}.login-prompt-card .auth-field{width:100%}.login-prompt-card .auth-form input{width:100%;min-height:56px;padding:12px 16px;border:3px solid rgba(74,169,238,.34);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#ecf9fff0);color:#4c2d15;font:inherit;font-size:18px;font-weight:900;box-shadow:inset 0 -4px #46a9eb17,inset 0 2px #ffffffeb}.login-prompt-card .auth-form input::placeholder{color:#4c2d156b}.login-prompt-card .auth-form input:focus{border-color:#28a6f5;outline:4px solid rgba(71,191,255,.26)}.login-prompt-card .form-error{margin:0;padding:9px 12px;border:3px solid rgba(255,255,255,.76);border-radius:16px;background:linear-gradient(180deg,#fff2f4,#ffe1e7);color:#df4565;font-size:15px;font-weight:1000;text-align:center}.auth-submit-button{min-height:62px;display:inline-flex;align-items:center;justify-content:center;margin-top:4px;border:4px solid #ffffff;border-radius:22px;background:linear-gradient(180deg,#ff948b,#ff6f72);color:#fff;font:inherit;font-size:23px;font-weight:1000;letter-spacing:0;box-shadow:inset 0 0 0 3px #fff3,0 8px #b8525b3d,0 13px 18px #2358a629;cursor:pointer}.auth-submit-button:disabled{filter:saturate(.7);opacity:.78;cursor:progress}.auth-switch-link{position:relative;z-index:1;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px 14px;border-radius:999px;background:#ffffff9e}.auth-switch-link a,.auth-switch-button{color:#1977e3;font-weight:1000;text-decoration:none}.auth-switch-button{border:0;padding:0;background:transparent;font:inherit;cursor:pointer}@media(max-height:760px){.auth-page--starpang{padding-top:8px}.auth-star-card{gap:10px;padding:14px 16px}.auth-logo-wrap{width:min(260px,76vw)}.auth-card-heading h1{font-size:38px}.auth-star-card .auth-form{width:min(318px,calc(100% - 24px));gap:9px}.auth-star-card .auth-form input{min-height:52px}}.starpang-app-page--menu{padding:10px max(10px,env(safe-area-inset-left)) calc(104px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))}.public-shell .starpang-app-page--menu,.owned-shell .starpang-app-page--menu,.owned-shell .shell-header--app-home+.starpang-app-page--menu{height:100dvh;min-height:0;padding-bottom:calc(96px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.public-shell .starpang-app-page--records,.owned-shell .starpang-app-page--records,.owned-shell .shell-header--app-home+.starpang-app-page--records{padding-bottom:env(safe-area-inset-bottom);scroll-padding-bottom:env(safe-area-inset-bottom)}.starpang-menu-screen{position:relative;z-index:1;width:min(390px,calc(100vw - 20px));min-height:0;margin:0 auto;padding:0 10px;display:grid;grid-template-rows:auto;align-content:start;gap:10px}.starpang-menu-screen .showcase-topbar{top:17px;width:calc(100% - 20px)}.starpang-menu-screen .utility-button{width:58px;min-height:66px;padding:6px 4px;border-radius:18px;font-size:14px}.menu-page-title{position:relative;min-height:142px;display:grid;place-items:end center;padding-top:42px}.menu-page-title h1{position:relative;z-index:1;isolation:isolate;margin:0;color:#ffca2e;background:linear-gradient(180deg,#fff17d 0 16%,#ffc525 22% 52%,#ff961c 58% 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;font-size:68px;font-weight:1000;line-height:.92;letter-spacing:0;text-shadow:none}.starpang-menu-screen--settings .menu-page-title h1{font-family:var(--font-casual);color:#238ee8;background:none;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#238ee8;text-shadow:none;filter:none}.menu-title-mascot{position:absolute;right:34px;bottom:4px;width:78px;height:78px;rotate:10deg}.menu-star-mascot{position:relative;display:inline-grid;place-items:center;filter:drop-shadow(0 7px 10px rgba(153,103,20,.22))}.menu-star-mascot-vector{width:100%;height:100%}.starpang-menu-screen--settings .menu-title-mascot{bottom:8px;filter:drop-shadow(0 5px 9px rgba(80,88,118,.18))}.menu-glossy-panel{position:relative;border:4px solid rgba(255,255,255,.88);border-radius:26px;background:linear-gradient(180deg,#fffffff5,#eefaffeb);box-shadow:inset 0 0 0 3px #78ccff47,0 9px #2585d633,0 15px 22px #1568b829}.menu-glossy-panel>*{position:relative;z-index:1}.tiny-star{width:30px;height:30px;display:block;filter:none}.record-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.starpang-menu-screen--records{gap:8px}.starpang-menu-screen--records .menu-page-title{min-height:104px;padding-top:30px}.starpang-menu-screen--records .menu-page-title h1{font-size:64px}.starpang-menu-screen--records .record-summary-grid,.starpang-menu-screen--records .record-lower-grid{gap:10px}.record-summary-card{min-height:142px;display:grid;place-items:center;align-content:center;gap:6px;padding:15px 10px 12px;text-align:center}.starpang-menu-screen--records .record-summary-card{min-height:126px;gap:4px;padding:12px 8px 10px}.record-card-icon{width:48px;height:48px;color:#247fd8;filter:none}.record-summary-card p{position:relative;z-index:1;margin:0;color:#247fd8;font-size:22px;font-weight:1000}.record-summary-card strong{position:relative;z-index:1;color:#f25b79;font-size:58px;font-weight:1000;line-height:.9}.starpang-menu-screen--records .record-summary-card strong{font-size:54px}.record-summary-card--streak strong{color:#1977e3}.record-summary-card strong span{color:#613816;font-size:24px}.recent-play-panel{min-height:252px;padding:34px 16px 16px}.starpang-menu-screen--records .recent-play-panel{min-height:236px;padding:30px 14px 14px}.recent-panel-mascot{position:absolute;left:-8px;top:-28px;width:74px;height:74px;z-index:2;rotate:-16deg}.recent-play-panel h2,.score-trend-card h2{position:relative;z-index:1;width:max-content;margin:-18px auto 12px;padding:9px 28px;border-radius:15px;background:linear-gradient(180deg,#5bc8ff,#249ce7);color:#fff;font-size:27px;font-weight:1000;line-height:1;box-shadow:inset 0 2px #ffffff57,0 5px #177ecb42}.recent-play-list{position:relative;z-index:1;display:grid;gap:10px}.starpang-menu-screen--records .recent-play-list{gap:8px}.recent-play-row{min-height:58px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:8px 10px;border:3px solid rgba(123,202,246,.4);border-radius:17px;background:#ffffffc7;color:#204f8a;font-size:18px;font-weight:900}.starpang-menu-screen--records .recent-play-row{min-height:54px;padding:7px 9px}.recent-play-row strong{color:#f25b79;font-size:28px;line-height:1}.recent-medal{width:42px;height:42px;display:grid;place-items:center}.recent-medal .vector-medal-text{font-size:24px}.recent-medal--silver{filter:grayscale(.88) brightness(1.18)}.recent-medal--bronze{filter:hue-rotate(-18deg) saturate(.9)}.achievement-panel{min-height:266px;padding:18px 14px 16px}.achievement-panel-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.achievement-panel-header h2{margin:0;color:#247fd8;font-size:27px;font-weight:1000;line-height:1}.achievement-panel-header strong{min-width:66px;padding:6px 10px;border:2px solid rgba(123,202,246,.48);border-radius:999px;background:#ffffffd1;color:#f25b79;font-size:19px;font-weight:1000;line-height:1;text-align:center}.achievement-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement-card{min-width:0;min-height:132px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;align-items:start;gap:4px 9px;padding:10px;border:3px solid rgba(123,202,246,.38);border-radius:17px;background:#ffffffc7;color:#204f8a;overflow:hidden}.achievement-card.is-locked{border-color:#748ba647;background:#f4f8fcb8;color:#6a7f98}.achievement-card-icon{grid-row:span 2;width:38px;height:38px;color:#247fd8}.achievement-card.is-locked .achievement-card-icon{opacity:.42;filter:grayscale(1)}.achievement-card span{min-width:0;color:#247fd8;font-size:13px;font-weight:1000;line-height:1.1}.achievement-card.is-locked span{color:#788da3}.achievement-card strong{min-width:0;color:#613816;font-size:17px;font-weight:1000;line-height:1.18;overflow-wrap:anywhere}.achievement-card p{grid-column:1 / -1;min-width:0;margin:2px 0 0;color:#426b9a;font-size:13px;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.achievement-card small{grid-column:1 / -1;color:#f25b79;font-size:12px;font-weight:1000;line-height:1.1}.achievement-card.is-locked p,.achievement-card.is-locked small,.achievement-card.is-locked strong{color:#7a8fa6}.record-lower-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px}.score-trend-card,.play-stats-card{min-height:218px;padding:30px 12px 12px}.starpang-menu-screen--records .score-trend-card,.starpang-menu-screen--records .play-stats-card{min-height:196px;padding:28px 10px 10px}.score-trend-card{border-color:#d9f5a6}.score-trend-card h2{margin-top:-20px;background:linear-gradient(180deg,#79e4a9,#35be78);font-size:22px}.trend-chart{position:relative;z-index:1;display:grid;gap:2px;min-height:150px;padding-top:4px}.trend-chart svg{width:100%;height:115px}.trend-axis{fill:none;stroke:#8c734c59;stroke-width:3}.trend-line{fill:none;stroke:#35c58b;stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.trend-dot{fill:#ffe95f;stroke:#35c58b;stroke-width:3}.trend-labels{display:grid;grid-template-columns:repeat(5,1fr);color:#6b4218;font-size:12px;font-weight:900;text-align:center}.trend-bubble{position:absolute;right:2px;top:12px;min-width:44px;padding:4px 7px;border-radius:999px;background:#52d395;color:#fff;font-size:18px;font-weight:1000}.play-stats-card{display:grid;align-content:center;gap:12px;border-color:#d9ccff}.play-stats-card div{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.play-stats-card span,.play-stat-icon{grid-row:span 2;width:36px;height:36px;color:#8b5fe4}.play-stats-card p{margin:0;color:#6f4bb6;font-size:18px;font-weight:1000}.play-stats-card strong{color:#8b5fe4;font-size:48px;font-weight:1000;line-height:.92}.play-stats-card small{font-size:20px}.ranking-podium{position:relative;min-height:344px;display:grid;grid-template-columns:.9fr 1.14fr .9fr;align-items:end;gap:2px;padding:16px 4px 0}.ranking-empty-state{min-height:344px;display:grid;place-items:center;align-content:center;gap:14px;color:#247fd8;text-align:center}.ranking-empty-state .menu-star-mascot{width:112px;height:112px}.ranking-empty-state p,.ranking-list-empty{position:relative;z-index:1;margin:0;color:#247fd8;font-size:20px;font-weight:1000;line-height:1.2;text-align:center}.ranking-podium:before{content:none}.ranking-podium-glow{position:absolute;left:50%;top:12px;width:230px;height:230px;transform:translate(-50%);pointer-events:none}.podium-spot{position:relative;z-index:1;display:grid;justify-items:center}.podium-star{width:112px;height:112px;margin-bottom:-12px}.podium-star--silver,.podium-star--bronze{filter:none}.podium-base{width:100%;min-height:106px;display:grid;justify-items:center;align-content:center;gap:4px;padding:9px 5px;border:4px solid rgba(255,255,255,.72);border-radius:18px 18px 12px 12px;color:#613816;text-align:center;box-shadow:inset 0 2px #ffffff75,0 7px #6e48182e}.podium-spot--first .podium-base{min-height:134px}.podium-base--gold{background:linear-gradient(180deg,#ffe56c,#f7ad28)}.podium-base--silver{background:linear-gradient(180deg,#edf7ff,#aec3d7)}.podium-base--bronze{background:linear-gradient(180deg,#ffc679,#dc8430)}.podium-base span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ffffff85;color:#9b5615;font-size:28px;font-weight:1000}.podium-base p{margin:0;font-size:17px;font-weight:1000}.podium-base strong{color:#f25b79;font-size:22px;font-weight:1000}.podium-trophy{position:absolute;right:2px;bottom:46px;z-index:2;width:48px;height:48px;filter:none}.ranking-list-panel{padding:14px 12px 10px}.ranking-list{position:relative;z-index:1;display:grid;gap:8px;margin:0;padding:0;list-style:none}.ranking-list li{min-height:54px;display:grid;grid-template-columns:34px 42px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:17px;background:#ffffffdb;color:#1f4b84;font-size:17px;font-weight:900}.ranking-list strong{color:#3d2c1f;font-size:19px}.ranking-number{color:#207bd5;font-size:28px;font-weight:1000}.ranking-avatar{width:38px;height:38px;border-radius:12px;filter:none}.player-rank-highlight{position:relative;z-index:1;min-height:72px;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:10px;margin-top:10px;padding:8px 42px 8px 8px;border:3px solid rgba(245,200,77,.62);border-radius:18px;background:linear-gradient(180deg,#fff9c8,#ffe58c);color:#6b4218}.player-ribbon{align-self:stretch;display:grid;place-items:center;min-width:42px;border-radius:10px;background:linear-gradient(180deg,#ff7f98,#f35b7b);color:#fff;font-size:16px;font-weight:1000;line-height:1.05}.player-rank-highlight strong{font-size:25px;font-weight:1000}.player-rank-highlight em{color:#f25b79;font-size:34px;font-style:normal;font-weight:1000}.player-rank-star{position:absolute;right:-6px;bottom:4px;width:62px;height:62px}.ranking-encourage,.settings-message-banner{min-height:70px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 14px;border:4px solid rgba(255,255,255,.78);border-radius:23px;background:linear-gradient(180deg,#fffffff0,#ffecf1e6);color:#6b4218;box-shadow:0 7px #c570851f}.ranking-encourage .menu-star-mascot,.settings-message-banner .menu-star-mascot{width:58px;height:58px}.encourage-medal{width:48px;height:48px}.ranking-encourage p{min-width:0;margin:0;font-size:20px;font-weight:1000;line-height:1.18;text-align:center}.ranking-encourage-copy{display:grid;gap:2px;justify-items:center}.ranking-encourage-copy span,.ranking-encourage-copy strong{display:block}.ranking-encourage strong{color:#f25b79}.settings-main-panel{min-height:506px;display:grid;gap:16px;padding:28px 18px 18px}.settings-toggle-row{position:relative;z-index:1;min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 12px;border:3px solid rgba(115,196,244,.4);border-radius:22px;background:#ffffffdb;color:#4c2d15;font:inherit;text-align:left;box-shadow:inset 0 2px #ffffffd1,0 5px #3281ce14;cursor:pointer}.settings-toggle-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:30px;font-weight:1000;box-shadow:inset 0 2px #ffffff6b,0 4px #0000001a}.settings-toggle-icon-vector{width:34px;height:34px;color:#fff}.settings-toggle-row--blue .settings-toggle-icon{background:linear-gradient(180deg,#58bdff,#1488e8)}.settings-toggle-row--orange .settings-toggle-icon{background:linear-gradient(180deg,#ffbd43,#ff891f)}.settings-toggle-row--green .settings-toggle-icon{background:linear-gradient(180deg,#76df69,#27b94e)}.settings-toggle-row strong{font-size:28px;font-weight:1000}.settings-switch{position:relative;width:104px;height:46px;display:block;padding:4px 7px;border-radius:999px;background:linear-gradient(180deg,#bac3cf,#8c98a8);color:#fff;overflow:hidden;box-shadow:inset 0 2px #ffffff61,0 4px #0000001a;transition:background .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s cubic-bezier(.2,.8,.2,1)}.settings-switch-label{position:absolute;top:50%;right:10px;left:45px;z-index:1;display:block;font-size:24px;font-weight:1000;line-height:1;text-align:center;transform:translateY(-50%);transition:left .24s cubic-bezier(.2,.8,.2,1),right .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.settings-switch-label:after{content:none}.settings-switch-knob{position:absolute;left:4px;top:50%;z-index:2;width:38px;height:38px;transform:translateY(-50%);transition:left .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1)}.settings-switch.is-on{background:linear-gradient(180deg,#68d858,#25b94c);box-shadow:inset 0 2px #ffffff6b,0 4px #1c83372e}.settings-switch.is-on .settings-switch-label{right:45px;left:10px}.settings-switch.is-on .settings-switch-knob{left:calc(100% - 42px)}@media(prefers-reduced-motion:reduce){.settings-switch,.settings-switch-label,.settings-switch-knob{transition:none}}.settings-action-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px}.settings-action-grid--single{grid-template-columns:minmax(0,1fr)}.settings-action-card{position:relative;min-height:132px;display:grid;justify-items:center;align-content:center;gap:5px;padding:12px 8px;border:4px solid rgba(255,255,255,.7);border-radius:22px;color:#fff;font:inherit;text-align:center;text-decoration:none;box-shadow:inset 0 2px #ffffff47,0 7px #4f42972e;cursor:pointer}.settings-action-card--reset{background:linear-gradient(180deg,#ff9fb0,#f25d7b)}.settings-action-card--logout{background:linear-gradient(180deg,#70d8ff,#2287e8)}.settings-action-card--logout{min-height:58px;grid-template-columns:34px auto minmax(0,1fr);grid-template-rows:1fr;align-items:center;justify-items:start;gap:8px;padding:8px 12px;border-width:2px;border-radius:18px;text-align:left}.settings-action-card.settings-action-card--logout>.settings-action-icon:first-child,.settings-action-card.settings-action-card--logout .settings-action-icon{width:34px;height:34px;padding:6px}.settings-action-card.settings-action-card--logout>strong{font-size:20px;white-space:nowrap}.settings-action-card:disabled{cursor:wait;filter:saturate(.85)}.settings-action-card>span:first-child,.settings-action-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#5b44bf33;color:#fff;padding:9px}.settings-action-card strong{font-size:29px;font-weight:1000;line-height:1}.settings-action-card small{font-size:12px;font-weight:900}.settings-action-card .tiny-star{position:absolute;right:8px;bottom:6px;width:32px;height:32px}.settings-logout-error{margin:8px 0 0;color:#d73a5a;font-size:13px;font-weight:900;text-align:center}.settings-message-banner{grid-template-columns:auto auto 1fr auto;min-height:76px;color:#f25b79}.settings-heart{width:24px;height:24px}.settings-message-banner strong{font-size:25px;font-weight:1000;line-height:1;text-align:center}@media(max-height:860px){.starpang-menu-screen{gap:7px}.menu-page-title{min-height:124px;padding-top:36px}.menu-page-title h1{font-size:60px}.menu-title-mascot{width:66px;height:66px}.record-summary-card{min-height:124px}.recent-play-panel{min-height:222px}.record-lower-grid{grid-template-columns:1fr .88fr}.score-trend-card,.play-stats-card{min-height:188px}.starpang-menu-screen--records .menu-page-title{min-height:92px;padding-top:26px}.starpang-menu-screen--records .menu-page-title h1{font-size:56px}.starpang-menu-screen--records .record-summary-card{min-height:114px}.starpang-menu-screen--records .recent-play-panel{min-height:210px}.achievement-panel{min-height:244px;padding:16px 12px 14px}.achievement-grid{gap:8px}.achievement-card{min-height:124px;padding:9px}.achievement-card strong{font-size:15px}.achievement-card p{font-size:12px}.starpang-menu-screen--records .score-trend-card,.starpang-menu-screen--records .play-stats-card{min-height:176px}.ranking-podium{min-height:308px}.podium-star{width:96px;height:96px}.settings-main-panel{min-height:464px;gap:12px}.settings-toggle-row{min-height:68px}.settings-action-card{min-height:112px}}.starfield-backdrop--menu{opacity:.86}.starpang-experience,.starpang-experience .starpang-experience-chrome{min-height:100dvh}.starpang-experience:has(.starpang-app-page--home),.starpang-experience:has(.starpang-app-page--home) .starpang-experience-chrome{min-height:100dvh;overflow:hidden;background:transparent}.starpang-experience:has(.starpang-app-page--home):before,.starpang-experience:has(.starpang-app-page--home):after,.starpang-experience:has(.starpang-app-page--home) .starfield-backdrop{display:block}.starpang-experience .starpang-app-page--home{background:transparent}.starpang-experience .starpang-app-page--home:before,.starpang-experience .starpang-app-page--home:after{display:none}.starpang-experience .starpang-app-page--home,.starpang-experience .starpang-app-page--menu{position:relative;z-index:1}body{background-color:#010309;background-image:radial-gradient(circle at 50% 0,rgba(120,50,255,.15),transparent 50%),radial-gradient(circle at 80% 80%,rgba(50,200,255,.1),transparent 40%);background-attachment:fixed}.product-shell,.cute-shell.product-shell{background:transparent}.product-shell:after,.cute-shell.product-shell:before,.cute-shell.product-shell:after{background:none}.starfield-backdrop--landing,.starfield-backdrop--portal,.starfield-backdrop--menu,.cute-shell .starfield-backdrop{display:block;opacity:1;filter:none}.starpang-experience:not(.starpang-experience--play) .starpang-scene-decor{display:none}.product-shell:has(.starpang-app-page--home) .starfield-backdrop{display:block}.starpang-app-page--home,.owned-shell .starpang-app-page--home,.public-shell .starpang-app-page--home{background:transparent}.starpang-app-page--home:before,.starpang-app-page--home:after{display:none}:root{--morphic-glass-surface: rgba(8, 16, 32, .54);--morphic-glass-panel: linear-gradient(145deg, rgba(22, 34, 64, .76), rgba(7, 13, 28, .54));--morphic-glass-panel-soft: linear-gradient(145deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .07));--morphic-glass-panel-strong: linear-gradient(145deg, rgba(28, 43, 78, .84), rgba(6, 12, 28, .68));--morphic-glass-border: rgba(201, 232, 255, .34);--morphic-glass-border-strong: rgba(255, 255, 255, .48);--morphic-glass-inner: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(118, 216, 255, .08);--morphic-glass-shadow: 0 22px 70px rgba(0, 0, 0, .38);--morphic-glass-shadow-soft: 0 14px 40px rgba(0, 0, 0, .26);--morphic-glass-blur: 18px;--morphic-text: #f7fbff;--morphic-muted: rgba(221, 236, 255, .74);--morphic-blue: #63dcff;--morphic-blue-deep: #2779d8;--morphic-violet: #a78bfa;--morphic-pink: #ff6f9d;--morphic-gold: #ffd86a;--morphic-brown: #4a2d16}body{color:var(--morphic-text)}.starpang-scene-decor{display:none}.auth-page--starpang,.starpang-app-page--home,.starpang-app-page--menu,.starpang-app-page--reference,.play-viewport-page{background:transparent}.auth-page--starpang:before,.auth-page--starpang:after,.starpang-app-page--menu:before,.starpang-app-page--menu:after,.starpang-app-page--home:before,.starpang-app-page--home:after,.starpang-app-page--reference:before,.starpang-app-page--reference:after{display:none}.starpang-menu-screen,.starpang-showcase,.starpang-reference-showcase{color:var(--morphic-text)}.starpang-logo-svg,.menu-page-title h1,.starpang-reference-title,.auth-card-heading h1{filter:drop-shadow(0 18px 34px rgba(0,0,0,.22))}.menu-page-title h1{color:var(--morphic-text);text-shadow:none;-webkit-text-stroke:0}.menu-page-title h1 svg,.menu-page-title h1 path,.menu-page-title h1 use{filter:none}.shell-back-button,.utility-button,.reference-hit,.showcase-action,.result-action-button,.settings-action-card,.auth-submit-button,.auth-secondary-link,.auth-switch-link{border:1px solid var(--morphic-glass-border);background:var(--morphic-glass-panel-soft);color:var(--morphic-text);box-shadow:var(--morphic-glass-shadow-soft),var(--morphic-glass-inner);text-shadow:none;backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.shell-back-button,.utility-button{background:linear-gradient(145deg,#ffffff38,#ffffff14);color:var(--morphic-blue)}.showcase-target{background:var(--morphic-glass-panel);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.showcase-target:before{content:none}.showcase-target-frame{display:none}.target-label,.starpang-showcase--live .target-label,.showcase-target strong,.starpang-showcase--live .showcase-target strong{color:var(--morphic-blue);text-shadow:none}.target-spark{color:var(--morphic-gold)}.showcase-board{background:linear-gradient(145deg,#31bcff4d,#04102ac2),var(--morphic-glass-surface);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.showcase-tile,.board-card--legacy .cell,.board-card--legacy .cell.tile{background:linear-gradient(145deg,#ffffff38,#c4efff14),#ffffff14;border:1px solid rgba(203,237,255,.24);box-shadow:inset 0 1px #ffffff38}.showcase-tile--special{background:linear-gradient(145deg,#fff7c64d,#ff6f9d1f),#ffffff1f;border-color:#ffd86a70;box-shadow:inset 0 1px #ffffff52,0 0 14px #ffd86a33}.showcase-tile--demo-effected{border-color:#ffd86a80}.showcase-board-grid .showcase-tile{border:0}.showcase-demo-highlight{filter:drop-shadow(0 0 18px rgba(255,216,106,.55))}.showcase-action{border:1px solid var(--morphic-glass-border);background:var(--morphic-glass-panel-soft);box-shadow:var(--morphic-glass-shadow-soft),var(--morphic-glass-inner)}.showcase-action--start{background:linear-gradient(145deg,#ff6f9dd1,#842a608f)}.showcase-action--packed{background:linear-gradient(145deg,#5bccffdb,#2f65ca94)}.showcase-action--survival,.showcase-action--practice{background:linear-gradient(145deg,#57e0d1d1,#14708b8a)}.showcase-action--rank{background:linear-gradient(145deg,#a78bfad1,#4235958f)}.showcase-action--versus{background:linear-gradient(145deg,#ffc65ae0,#ff8d45bd)}.action-play,.action-pack,.action-target,.action-podium,.action-gamepad{filter:none}.today-rank-card{background:var(--morphic-glass-panel);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner);color:var(--morphic-text);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.rank-ribbon,.auth-kicker,.recent-play-panel h2,.score-trend-card h2{border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,#ff6f9de6,#9b39819e);color:#fff;box-shadow:0 14px 34px #ff6f9d38,var(--morphic-glass-inner);text-shadow:none}.score-trend-card h2{background:linear-gradient(145deg,#5edda6e0,#228a778f)}.rank-card-row,.result-detail-line,.result-rank-list li,.result-current-rank{border:1px solid rgba(201,232,255,.26);background:#ffffff17;color:var(--morphic-text);box-shadow:var(--morphic-glass-inner)}.rank-card-row p,.rank-card-row strong,.rank-card-row--top strong,.result-reason,.result-detail-line,.result-rank-empty{color:var(--morphic-text)}.rank-card-row strong,.rank-score-value,.result-summary strong,.result-score-hero strong,.result-current-rank strong,.recent-play-row strong,.record-summary-card strong,.play-stats-card strong{color:var(--morphic-pink)}.rank-card-row p span,.record-summary-card p,.achievement-panel-header h2,.achievement-card span,.ranking-empty-state p,.ranking-list-empty,.ranking-number,.result-leaderboard-title,.auth-field label{color:var(--morphic-blue)}.showcase-bottom-nav{background:var(--morphic-glass-panel);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.showcase-bottom-nav a{color:#e9f3ffb8;text-shadow:none}.showcase-bottom-nav a.is-active{color:var(--morphic-blue)}.showcase-nav-active-bar rect,.showcase-nav-active-bar path{fill:var(--morphic-blue)}.menu-glossy-panel{background:var(--morphic-glass-panel);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner);color:var(--morphic-text);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.menu-glossy-panel:before{content:none}.record-summary-card,.recent-play-panel,.achievement-panel,.score-trend-card,.play-stats-card,.ranking-list-panel,.settings-main-panel{background:var(--morphic-glass-panel);border-color:var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner)}.recent-play-row,.achievement-card,.ranking-list li,.podium-base,.player-rank-highlight,.ranking-encourage,.settings-message-banner{border:1px solid rgba(201,232,255,.26);background:#ffffff17;color:var(--morphic-text);box-shadow:var(--morphic-glass-inner)}.achievement-panel-header strong,.trend-bubble,.podium-base span,.result-rank-no{background:#ffffff29;color:var(--morphic-blue)}.achievement-card p,.achievement-card strong,.recent-play-row,.recent-play-row span,.trend-labels,.play-stats-card p,.podium-base,.podium-base p,.podium-base strong,.ranking-list,.ranking-list strong,.player-rank-highlight,.ranking-encourage,.ranking-encourage p,.settings-message-banner,.settings-message-banner strong{color:var(--morphic-text)}.trend-line{stroke:#5ee6b3}.trend-dot{fill:var(--morphic-gold);stroke:#5ee6b3}.trend-axis{stroke:#dfefff3d}.settings-toggle-row{background:var(--morphic-glass-panel-soft);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow-soft),var(--morphic-glass-inner);color:var(--morphic-text);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.settings-toggle-row strong{color:var(--morphic-text)}.settings-toggle-icon{border:1px solid rgba(255,255,255,.24);box-shadow:var(--morphic-glass-inner)}.settings-switch{border:1px solid rgba(201,232,255,.28);background:#ffffff1a;box-shadow:inset 0 0 16px #0000003d,var(--morphic-glass-inner)}.settings-switch.is-on{background:linear-gradient(145deg,#35d378e0,#12875bb3);box-shadow:0 0 22px #52e29a38,var(--morphic-glass-inner)}.settings-switch-knob{filter:drop-shadow(0 6px 12px rgba(0,0,0,.22))}.settings-switch-label{text-shadow:none}.settings-action-card--reset{background:linear-gradient(145deg,#ff6f9dd1,#7a255c94)}.settings-action-card--logout{background:linear-gradient(145deg,#4ec2ffd1,#2657be94)}.settings-action-card>span:first-child,.settings-action-icon{background:#ffffff1f;box-shadow:var(--morphic-glass-inner)}.auth-star-card{background:var(--morphic-glass-panel-strong);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner);color:var(--morphic-text);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.auth-star-card:before{content:none}.auth-card-heading p,.auth-switch-link{color:var(--morphic-muted)}.auth-star-card .auth-form input{border:1px solid rgba(201,232,255,.34);background:#ffffff1a;color:var(--morphic-text);box-shadow:var(--morphic-glass-inner)}.auth-star-card .auth-form input::placeholder{color:#ddecff75}.auth-star-card .auth-form input:focus{border-color:#63dcffb8;box-shadow:0 0 0 3px #63dcff29,var(--morphic-glass-inner)}.auth-submit-button{background:linear-gradient(145deg,#63dcffdb,#4b58f29e)}.result-overlay{background:#02050c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.result-overlay .result-card{background:var(--morphic-glass-panel-strong);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner);color:var(--morphic-text);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.result-overlay .result-card:before{content:none}.result-overlay .eyebrow,.result-overlay h2,.result-leaderboard-title{text-shadow:none}.result-overlay h2{border:0;background:linear-gradient(145deg,#ff6f9deb,#8b3a98a8);box-shadow:0 16px 38px #ff6f9d38}.result-overlay h2:before,.result-overlay h2:after{background:#ff6f9db3;box-shadow:none}.result-score-hero,.result-summary p,.result-leaderboard{border:1px solid rgba(201,232,255,.28);background:#ffffff17;color:var(--morphic-text);box-shadow:var(--morphic-glass-inner)}.result-score-hero span,.result-summary strong small,.result-summary p,.result-rank-list li,.result-current-rank,.result-current-rank span{color:var(--morphic-text)}.result-rank-list li.gold{background:linear-gradient(90deg,#ffd86a38,#ffffff14)}.result-rank-list li.silver{background:linear-gradient(90deg,#d6e7ff2e,#ffffff14)}.result-rank-list li.bronze{background:linear-gradient(90deg,#ffa45d38,#ffffff14)}.result-current-rank{outline:1px solid rgba(255,111,157,.38)}.result-action-button{border:1px solid var(--morphic-glass-border);background:var(--morphic-glass-panel-soft);box-shadow:var(--morphic-glass-shadow-soft),var(--morphic-glass-inner)}.play-result-page{min-height:100dvh;display:grid;align-items:stretch;background:transparent}.result-screen.result-overlay{position:relative;inset:auto;z-index:auto;width:100%;min-height:100dvh;overflow-y:auto;justify-items:center;align-items:start;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.result-screen.result-overlay .result-card{width:min(760px,calc(100vw - 24px));max-height:none;margin-inline:auto;gap:8px;opacity:0;transform:translate3d(0,-42px,0) scale(.985)}.result-screen.result-overlay.is-result-sequence-ready .result-card{animation:result-card-drop-in .52s cubic-bezier(.2,.86,.28,1) both}.result-screen.result-overlay .result-leaderboard{border:0;background:transparent;box-shadow:none;margin:4px 0 0}.result-save-chip{justify-self:center;margin:-2px 0 2px;padding:5px 12px;border-radius:999px;border:1px solid rgba(201,232,255,.28);background:#ffffff1a;color:#ebf8ffe0;font-size:12px;font-weight:1000;line-height:1.1;box-shadow:var(--morphic-glass-inner)}.result-save-chip--saved{color:#baffd7;border-color:#58eb9757;background:#58eb9721}.result-save-chip--saving{color:#cef;border-color:#63dcff57;background:#63dcff21}.result-save-chip--error{color:#ffd1de;border-color:#ff6f9d66;background:#ff6f9d24}.result-score-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 6px}.result-score-breakdown p{min-height:52px;display:grid;align-content:center;gap:4px;margin:0;padding:7px 5px;border:1px solid rgba(201,232,255,.28);border-radius:16px;background:#ffffff17;color:var(--morphic-text);font-weight:900;line-height:1.05;box-shadow:var(--morphic-glass-inner)}.result-score-breakdown span{color:#ebf8ffbd;font-size:12px;font-weight:1000}.result-score-breakdown strong{color:#ff759f;font-size:clamp(18px,4vw,28px);font-weight:1000;line-height:1}.result-score-breakdown-row--final{border-color:#ffcf4e6b;background:linear-gradient(145deg,#ffcf4e2e,#ffffff14)}.result-score-breakdown-row--final strong{color:#ffcf4e}@keyframes result-card-drop-in{0%{opacity:0;transform:translate3d(0,-42px,0) scale(.985)}68%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.result-screen.result-overlay.is-result-sequence-ready .result-card{animation:none;opacity:1;transform:none}}@media(max-width:520px){.result-screen.result-overlay.result-screen{min-height:auto;padding-bottom:max(8px,env(safe-area-inset-bottom))}.result-screen.result-overlay .result-card{width:calc(100vw - 20px);gap:6px;padding:10px 10px 9px;border-radius:24px}.result-screen.result-overlay .result-card>.result-card-mascot{top:8px;right:10px;width:42px;height:42px}.result-screen.result-overlay .result-spark{width:16px;height:16px}.result-screen.result-overlay .eyebrow{font-size:13px}.result-screen.result-overlay .result-card h2{min-width:min(220px,76%);min-height:38px;margin-bottom:1px;padding:6px 18px;font-size:clamp(24px,7.4vw,31px)}.result-screen.result-overlay .result-card h2:before,.result-screen.result-overlay .result-card h2:after{top:7px;width:24px;height:25px}.result-screen.result-overlay .result-title-crown{width:26px;height:21px}.result-screen.result-overlay .result-save-chip{margin:-1px 0 1px;padding:4px 11px;font-size:12px}.result-screen.result-overlay .result-score-hero{min-height:56px;gap:7px;margin:0;padding:6px 9px;border-radius:22px}.result-screen.result-overlay .result-score-hero strong{font-size:clamp(44px,13.2vw,58px)}.result-screen.result-overlay .result-score-hero span{margin-bottom:4px;font-size:clamp(18px,5.2vw,22px)}.result-screen.result-overlay .result-score-star{width:36px;height:36px}.result-screen.result-overlay .result-reason{margin:0;font-size:16px;line-height:1.12}.result-screen.result-overlay .result-score-breakdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 3px}.result-screen.result-overlay .result-score-breakdown p{min-height:43px;gap:3px;padding:5px 2px;border-radius:13px}.result-screen.result-overlay .result-score-breakdown span{overflow:hidden;font-size:10px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.result-screen.result-overlay .result-score-breakdown strong{overflow:hidden;font-size:clamp(13px,3.8vw,16px);text-overflow:ellipsis;white-space:nowrap}.result-screen.result-overlay .result-summary{gap:6px;margin:3px 0}.result-screen.result-overlay .result-summary p{min-height:48px;gap:2px;padding:5px 3px;border-radius:13px}.result-screen.result-overlay .result-summary-icon{width:18px;height:18px}.result-screen.result-overlay .result-summary-icon--medal{height:21px}.result-screen.result-overlay .result-summary span{font-size:12px;line-height:1.05}.result-screen.result-overlay .result-summary strong{font-size:clamp(22px,6.6vw,28px)}.result-screen.result-overlay .result-detail-line{min-width:0;width:min(280px,76%);margin:1px 0;padding:6px 10px;font-size:15px;line-height:1.08}.result-screen.result-overlay .result-actions{grid-template-columns:repeat(3,54px);justify-content:center;gap:12px;margin:2px 0 3px}.result-screen.result-overlay .result-action-button{width:54px;min-height:42px;aspect-ratio:auto;border-radius:15px}.result-screen.result-overlay .result-action-icon{width:24px;height:24px}.result-screen.result-overlay .result-card .result-leaderboard{gap:4px;margin-top:3px;padding:7px 8px 8px;border-radius:16px}.result-screen.result-overlay .result-leaderboard-title{gap:6px;font-size:16px}.result-screen.result-overlay .result-leaderboard-crown{width:24px;height:19px}.result-screen.result-overlay .result-rank-list{gap:3px;max-height:34px}.result-screen.result-overlay .result-rank-list li,.result-screen.result-overlay .result-current-rank{min-height:31px;gap:6px;padding:4px 8px;border-radius:13px;font-size:13px}.result-screen.result-overlay .result-rank-list li{grid-template-columns:24px minmax(0,1fr) auto}.result-screen.result-overlay .result-current-rank{grid-template-columns:34px minmax(0,1fr) auto auto}.result-screen.result-overlay .result-rank-no{width:24px;height:24px;font-size:12px}.result-screen.result-overlay .result-current-medal{width:30px;height:35px}.result-screen.result-overlay .result-current-rank strong{font-size:19px}}.play-viewport-page .board-card--legacy .board-stage{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hud-card{background:var(--morphic-glass-panel);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow-soft),var(--morphic-glass-inner);color:var(--morphic-text);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.hud-card--play{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hud-card .stat-card,.hud-card--play .stat-card{border:1px solid rgba(201,232,255,.24);background:#ffffff17;box-shadow:var(--morphic-glass-inner)}.hud-card>.eyebrow,.hud-card .stat-card-title,.hud-card .play-rule,.hud-card .hud-meta{color:var(--morphic-muted)}.hud-card .target-number,.hud-card .stat-card h2{color:var(--morphic-pink);text-shadow:none}.combo-pressure-countdown,.combo-pressure-flight{border:1px solid rgba(201,232,255,.24);background:#ffffff14;box-shadow:var(--morphic-glass-shadow-soft),var(--morphic-glass-inner);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur))}.combo-pressure-track{background:#ffffff1f;box-shadow:inset 0 0 0 1px #c9e8ff2e}.settings-main-panel{min-height:790px;align-content:start;gap:18px}.settings-control-mode{display:grid;gap:12px;padding:2px 0 8px}.settings-control-mode-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.settings-control-mode-heading strong{color:var(--morphic-text);font-size:20px;font-weight:1000;line-height:1}.settings-control-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-control-card{position:relative;min-height:238px;display:grid;grid-template-rows:1fr auto;gap:12px;place-items:center;padding:18px 12px 16px;border:0;border-radius:20px;background:linear-gradient(180deg,#ffffff3d,#ffffff14),#19285457;color:var(--morphic-text);box-shadow:inset 0 1px #ffffff47,inset 0 -18px 24px #31227024,0 14px 26px #1a225c2e;cursor:pointer;isolation:isolate}.settings-control-card:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;box-shadow:0 0 0 2px #5ed1ffc2,0 0 26px #5ed1ff38;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.settings-control-card.is-selected{background:linear-gradient(180deg,#ffffff52,#ffffff1a),linear-gradient(145deg,#30a7ff6b,#ff75a42e);transform:translateY(-1px)}.settings-control-card.is-selected:after{opacity:1}.settings-control-card:focus-visible{outline:3px solid rgba(255,216,106,.86);outline-offset:4px}.settings-control-card-copy{display:grid;gap:5px;text-align:center}.settings-control-card-copy strong{color:#fff;font-size:23px;font-weight:1000;line-height:1.05}.settings-control-card-copy small{color:#eaf7ffc2;font-size:13px;font-weight:900;line-height:1.1}.settings-control-preview{--preview-cell: 30px;--preview-gap: 6px;position:relative;width:calc((var(--preview-cell) * 3) + (var(--preview-gap) * 2));height:calc((var(--preview-cell) * 3) + (var(--preview-gap) * 2));margin-top:2px}.settings-control-preview-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,var(--preview-cell));grid-template-rows:repeat(3,var(--preview-cell));gap:var(--preview-gap)}.settings-control-preview-cell{position:relative;display:grid;place-items:center}.settings-control-preview-star{width:100%;height:100%;display:block;background:url(/star.png) center / contain no-repeat;filter:drop-shadow(0 4px 3px rgba(41,24,90,.2))}.settings-control-preview-rect{position:absolute;z-index:2;left:0;top:0;border-radius:8px;background:#33a9ff29;box-shadow:inset 0 0 0 2px #59ceffc7,0 0 16px #59ceff33}.settings-control-preview--drag .settings-control-preview-rect{width:calc((var(--preview-cell) * 2) + var(--preview-gap));height:calc((var(--preview-cell) * 2) + var(--preview-gap))}.settings-control-preview--tap .settings-control-preview-rect{width:100%;height:100%}.settings-control-preview-dot{position:absolute;z-index:3;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 0 0 4px #ff71a0b8,0 0 16px #ff71a070;transform:translate(-50%,-50%)}.settings-control-preview-dot--start{left:calc(var(--preview-cell) / 2);top:calc(var(--preview-cell) / 2)}.settings-control-preview-dot--end{left:calc((var(--preview-cell) * 2) + (var(--preview-gap) * 2) + (var(--preview-cell) / 2));top:calc((var(--preview-cell) * 2) + (var(--preview-gap) * 2) + (var(--preview-cell) / 2))}.settings-switch{width:74px}.settings-audio-control{display:grid;gap:5px;padding:6px 9px;border:1px solid var(--morphic-glass-border);border-radius:18px;background:#ffffff14;box-shadow:var(--morphic-glass-inner)}.settings-audio-control .settings-toggle-row{min-height:46px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:8px;padding:2px 0}.settings-audio-control .settings-toggle-icon{width:36px;height:36px}.settings-audio-control .settings-toggle-icon-vector{width:22px;height:22px}.settings-audio-control .settings-toggle-row strong{font-size:18px}.settings-audio-control .settings-switch{width:54px;height:30px;padding:3px 5px}.settings-audio-control .settings-switch-knob{left:3px;width:24px;height:24px}.settings-audio-control .settings-switch.is-on .settings-switch-knob{left:calc(100% - 27px)}.settings-audio-control.is-muted{opacity:.72}.settings-main-panel>.settings-toggle-row--green{min-height:52px;gap:8px;padding:6px 10px;border-radius:18px}.settings-main-panel>.settings-toggle-row--green .settings-toggle-icon{width:36px;height:36px}.settings-main-panel>.settings-toggle-row--green .settings-toggle-icon-vector{width:22px;height:22px}.settings-main-panel>.settings-toggle-row--green strong{font-size:18px}.settings-main-panel>.settings-toggle-row--green .settings-switch{width:54px;height:30px;padding:3px 5px}.settings-main-panel>.settings-toggle-row--green .settings-switch-knob{left:3px;width:24px;height:24px}.settings-main-panel>.settings-toggle-row--green .settings-switch.is-on .settings-switch-knob{left:calc(100% - 27px)}.settings-volume-control{display:grid;gap:4px;padding:0 2px 1px}.settings-volume-label{display:flex;align-items:center;justify-content:space-between;color:#eaf7ffd1;font-size:11px;font-weight:900;line-height:1}.settings-volume-label strong{color:#fff;font-size:12px;font-weight:1000}.settings-volume-slider{width:100%;height:18px;accent-color:#58bdff;cursor:pointer}.settings-audio-control--orange .settings-volume-slider{accent-color:#ffbd43}.settings-volume-slider:disabled{cursor:not-allowed;opacity:.48}.board-card--legacy .cell.failed-rect.tile:before{animation:failed-rect-flash .36s ease-out both;filter:drop-shadow(0 0 12px rgba(255,112,148,.68)) brightness(1.18) saturate(1.18)}.board-card--legacy .cell.failed-rect.tile .num{color:#fff;text-shadow:0 0 8px rgba(255,112,148,.86),0 2px 3px rgba(64,16,42,.45)}@keyframes failed-rect-flash{0%{transform:scale(1);opacity:1}28%{transform:scale(1.08);opacity:1}62%{transform:scale(.98);opacity:.78}to{transform:scale(1);opacity:1}}@keyframes answer-hint-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.18;transform:scale(.96)}}@media(max-width:520px){.settings-main-panel{min-height:auto;gap:10px}.settings-control-card{min-height:176px;padding:12px 8px 11px}.settings-control-preview{--preview-cell: 23px;--preview-gap: 5px}.settings-control-card-copy strong{font-size:18px}.settings-control-card-copy small{font-size:11px}}.showcase-board-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:var(--showcase-board-gap);width:100%;aspect-ratio:8 / 5;--cell: clamp(34px, 10.8vw, 50px);--num-size: clamp(17px, calc(var(--cell) * .38), 24px);contain:layout paint}.showcase-board-grid .showcase-tile{width:100%;aspect-ratio:1 / 1;position:relative;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;appearance:none;overflow:hidden;contain:paint}.showcase-board-grid .showcase-tile--demo-active{background:transparent;box-shadow:none}.showcase-board-grid .cell.tile:before{content:"";position:absolute;z-index:1;inset:8%;background-image:url(/star.png);background-repeat:no-repeat;background-position:center;background-size:contain}.showcase-board-grid .cell .star-face{position:absolute;left:50%;top:36.5%;z-index:2;width:clamp(18px,calc(var(--cell) * .38),28px);height:clamp(12px,calc(var(--cell) * .24),18px);transform:translate(-50%,-50%);pointer-events:none}.showcase-board-grid .cell .star-face:before{content:"";position:absolute;left:50%;top:1px;width:clamp(3px,calc(var(--cell) * .065),5px);height:clamp(3px,calc(var(--cell) * .065),5px);border-radius:50%;background:#4b2b11;transform:translate(calc(var(--cell) * -.14));box-shadow:calc(var(--cell) * .28) 0 0 #4b2b11,calc(var(--cell) * .035) calc(var(--cell) * .13) 0 clamp(1px,calc(var(--cell) * .028),2px) #ff96ae,calc(var(--cell) * .245) calc(var(--cell) * .13) 0 clamp(1px,calc(var(--cell) * .028),2px) #ff96ae}.showcase-board-grid .cell .star-face:after{content:"";position:absolute;left:50%;top:clamp(4px,calc(var(--cell) * .095),7px);width:clamp(8px,calc(var(--cell) * .18),13px);height:clamp(5px,calc(var(--cell) * .11),8px);border-bottom:clamp(2px,calc(var(--cell) * .045),3px) solid #4b2b11;border-radius:0 0 14px 14px;transform:translate(-50%)}.showcase-board-grid .cell .num{position:absolute;left:50%;top:68%;z-index:3;padding-top:0;color:#6b3c10;font-size:var(--num-size);font-weight:900;line-height:1;letter-spacing:0;transform:translate(-50%,-43%);text-shadow:0 1px 0 rgba(255,247,184,.95),0 3px 4px rgba(92,52,10,.3);pointer-events:none}.showcase-board-grid .cell.tile .num:before,.showcase-board-grid .cell.tile .num:after{content:none}.showcase-board-grid .cell--special{--special-star-primary: rgba(105, 239, 255, .92);--special-star-secondary: rgba(255, 221, 96, .82);--special-star-pulse-ms: 1.6s}.showcase-board-grid .cell--special:after{content:"";position:absolute;z-index:2;inset:5%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 42%,var(--special-star-primary) 45%,transparent 49%),linear-gradient(90deg,transparent 36%,var(--special-star-secondary) 38%,transparent 41%,transparent 59%,var(--special-star-secondary) 62%,transparent 65%);filter:drop-shadow(0 0 8px var(--special-star-primary));opacity:.72;animation:special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.showcase-board-grid .cell--special-row3{--special-star-primary: rgba(89, 228, 255, .95);--special-star-secondary: rgba(255, 240, 130, .86);z-index:4}.showcase-board-grid .cell--special-row3:before{transform:scale(1.5);transform-origin:center;filter:drop-shadow(0 0 12px rgba(89,228,255,.52))}.showcase-board-grid .cell--special-row3:after{z-index:3;inset:-18%;background:radial-gradient(circle,transparent 40%,var(--special-star-primary) 43%,transparent 49%),linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.92) 16%,transparent 22% 34%,var(--special-star-secondary) 39%,transparent 45% 58%,rgba(89,228,255,.86) 64%,transparent 72% 100%);animation:special-row-wind .78s linear infinite,special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.showcase-board-grid .cell--special-col3{--special-star-primary: rgba(146, 132, 255, .95);--special-star-secondary: rgba(255, 225, 105, .86);z-index:4}.showcase-board-grid .cell--special-col3:before{transform:scale(1.5);transform-origin:center;filter:drop-shadow(0 0 12px rgba(146,132,255,.52))}.showcase-board-grid .cell--special-col3:after{z-index:3;inset:-18%;background:radial-gradient(circle,transparent 42%,var(--special-star-primary) 45%,transparent 49%),linear-gradient(0deg,transparent 0 12%,rgba(255,255,255,.92) 16%,transparent 22% 34%,var(--special-star-secondary) 39%,transparent 45% 58%,rgba(146,132,255,.86) 64%,transparent 72% 100%);animation:special-col-wind .78s linear infinite,special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.showcase-board-grid .cell--special-row5{--special-star-primary: rgba(47, 250, 255, .98);--special-star-secondary: rgba(255, 255, 148, .92);--special-star-pulse-ms: 1.22s;z-index:5}.showcase-board-grid .cell--special-row5:before{transform:scale(1.62);transform-origin:center;filter:drop-shadow(0 0 13px rgba(47,250,255,.62)) drop-shadow(0 0 20px rgba(255,255,148,.34))}.showcase-board-grid .cell--special-row5:after{z-index:3;inset:-24%;background:radial-gradient(circle,transparent 38%,var(--special-star-primary) 41%,transparent 48%),linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.96) 12%,transparent 18% 26%,var(--special-star-secondary) 31%,transparent 38% 48%,rgba(47,250,255,.9) 53%,transparent 61% 70%,rgba(255,255,255,.86) 76%,transparent 86% 100%);animation:special-row-wind .56s linear infinite,special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.showcase-board-grid .cell--special-col5{--special-star-primary: rgba(185, 102, 255, .98);--special-star-secondary: rgba(255, 246, 136, .92);--special-star-pulse-ms: 1.22s;z-index:5}.showcase-board-grid .cell--special-col5:before{transform:scale(1.62);transform-origin:center;filter:drop-shadow(0 0 13px rgba(185,102,255,.62)) drop-shadow(0 0 20px rgba(255,246,136,.34))}.showcase-board-grid .cell--special-col5:after{z-index:3;inset:-24%;background:radial-gradient(circle,transparent 40%,var(--special-star-primary) 43%,transparent 49%),linear-gradient(0deg,transparent 0 8%,rgba(255,255,255,.96) 12%,transparent 18% 26%,var(--special-star-secondary) 31%,transparent 38% 48%,rgba(185,102,255,.9) 53%,transparent 61% 70%,rgba(255,255,255,.86) 76%,transparent 86% 100%);animation:special-col-wind .56s linear infinite,special-star-ready-pulse var(--special-star-pulse-ms) ease-in-out infinite}.showcase-board-grid .cell--special-burst8{--special-star-primary: rgba(255, 121, 177, .95);--special-star-secondary: rgba(255, 242, 126, .88)}.showcase-board-grid .cell--special-burst8:after{background:radial-gradient(circle,transparent 35%,var(--special-star-primary) 39%,transparent 43%),conic-gradient(from 22deg,transparent 0 10%,var(--special-star-secondary) 11% 15%,transparent 16% 35%,var(--special-star-secondary) 36% 40%,transparent 41% 60%,var(--special-star-secondary) 61% 65%,transparent 66% 85%,var(--special-star-secondary) 86% 90%,transparent 91% 100%)}.showcase-board-grid .cell--special-sameValue{--special-star-primary: rgba(120, 255, 162, .98);--special-star-secondary: rgba(255, 255, 255, .9);z-index:4}.showcase-board-grid .cell--special-sameValue:before{transform:scale(1.5);transform-origin:center;filter:drop-shadow(0 0 12px rgba(91,255,159,.54))}.showcase-board-grid .cell--special-sameValue:after{z-index:3;inset:-20%;background:radial-gradient(circle,transparent 35%,var(--special-star-primary) 39%,transparent 45%),repeating-conic-gradient(from 0deg,var(--special-star-secondary) 0 8deg,transparent 8deg 24deg)}.showcase-board-grid .cell--special .num{z-index:4}.showcase-board-grid .cell--special-sameValue .star-face{z-index:4;transform:translate(-50%,-50%) scale(1.5)}.showcase-board-grid .cell--special-sameValue .num{z-index:5;top:70%;color:#412303;font-size:clamp(22px,calc(var(--cell) * .58),34px);-webkit-text-stroke:1px rgba(255,250,204,.9);text-shadow:0 1px 0 rgba(255,252,190,.98),0 0 10px rgba(119,255,163,.72),0 4px 7px rgba(38,24,4,.42)}.showcase-board-grid .cell--special-row3 .star-face,.showcase-board-grid .cell--special-col3 .star-face,.showcase-board-grid .cell--special-row5 .star-face,.showcase-board-grid .cell--special-col5 .star-face{z-index:4;transform:translate(-50%,-50%) scale(1.5)}.showcase-board-grid .cell--special-row5 .star-face,.showcase-board-grid .cell--special-col5 .star-face{transform:translate(-50%,-50%) scale(1.62)}.showcase-board-grid .showcase-tile--demo-effected:after{content:"";position:absolute;inset:-8%;z-index:3;border-radius:50%;background:radial-gradient(circle,rgba(255,245,155,.34),transparent 66%);box-shadow:0 0 14px #ffe66457;pointer-events:none}.starpang-showcase--live{min-height:auto;grid-template-rows:auto;gap:clamp(6px,.9dvh,10px);align-content:start;padding:0 10px 8px}.starpang-showcase--live .starpang-logo-3d{width:min(286px,70vw);margin-top:4px;margin-bottom:-4px}.starpang-showcase--live .showcase-board{--showcase-board-gap: 2px;--showcase-board-padding: 6px;margin-top:-8px;padding:6px;border:1px solid var(--morphic-glass-border);background:var(--morphic-glass-panel);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner)}.starpang-showcase--live .showcase-actions{gap:8px;margin-top:0}.starpang-showcase--live .today-rank-card{margin-top:8px;padding:20px 10px 10px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.showcase-board-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:8 / 7;--cell: clamp(30px, 9.3vw, 48px);--num-size: clamp(15px, calc(var(--cell) * .36), 21px)}.showcase-board-grid .showcase-tile--demo-cleared{opacity:.26}.showcase-board-grid .showcase-tile--demo-cleared:before{content:none!important;opacity:0;transform:scale(0)}.showcase-board-grid .showcase-tile--demo-cleared:after{opacity:0}.showcase-mode-select{width:min(100%,430px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:2px auto 0}.showcase-mode-card{min-width:0;min-height:78px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;align-items:center;gap:3px;padding:8px 6px;border:1px solid rgba(255,255,255,.24);border-radius:18px;color:#fff;text-decoration:none;background:linear-gradient(180deg,#2b3e66d1,#141f3ea3),#0a122a8c;box-shadow:inset 0 1px #ffffff29,0 12px 28px #0208173d}.showcase-mode-card--toeic{background:linear-gradient(145deg,#ffd368e0,#18b7b5b8),#0a122a94}.showcase-mode-card--swap{background:linear-gradient(145deg,#ffed67eb,#f6712ac7),#0a122a94}.showcase-mode-card--minesweeper{background:linear-gradient(145deg,#ffb950e6,#cd4e40b8),#0a122a94}.showcase-mode-card strong{min-width:0;width:100%;min-height:1.05em;align-self:end;overflow:visible;color:#fffdf4;font-size:15px;font-weight:950;line-height:1.2;text-overflow:clip;white-space:nowrap;letter-spacing:0;text-shadow:0 2px 10px rgba(0,0,0,.25)}.showcase-mode-card small{min-width:0;width:100%;min-height:1.05em;align-self:start;overflow:visible;color:#ffffffdb;font-size:10.5px;font-weight:800;line-height:1.2;text-overflow:clip;white-space:nowrap}.showcase-mode-icon{grid-row:1;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#17213f;background:#fff7c8;font-size:16px;font-weight:950;box-shadow:inset 0 -3px #ffc04085,0 8px 16px #00000038}.showcase-action-label{display:block;width:100%;min-height:1.05em;overflow:visible;text-align:center;text-overflow:clip;white-space:nowrap}.play-viewport-page--toeic .hud-card--toeic{gap:7px;padding:0}.toeic-clue-panel{width:100%;min-width:0;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:8px;padding:9px 12px;border-radius:16px;background:linear-gradient(135deg,#ffdc70e6,#30cfc2b3),#121e3f80;box-shadow:inset 0 1px #ffffff52,0 12px 28px #08132e38}.toeic-clue-kicker,.toeic-clue-progress{color:#131f3ddb;font-size:12px;font-weight:950;line-height:1;white-space:nowrap}.toeic-clue-meaning{min-width:0;overflow:hidden;color:#102044;font-size:clamp(15px,3.8vw,22px);font-weight:950;line-height:1.12;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.hud-card--toeic .play-fever-panel{min-height:46px;grid-template-columns:max-content minmax(84px,1fr) minmax(62px,max-content);background:linear-gradient(180deg,#1a2a52c2,#0f1c3a94)}.toeic-target-word{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px}.toeic-target-word span{width:clamp(8px,2vw,13px);height:6px;border-radius:999px;background:linear-gradient(90deg,#fff1a7,#5df0df);box-shadow:0 0 10px #5df0df52}.play-viewport-page--toeic .board-card--legacy .cell--letter .num{color:#172345;font-size:clamp(15px,calc(var(--cell) * .42),30px);text-shadow:0 1px 0 rgba(255,255,255,.72),0 0 10px rgba(255,255,255,.46)}.play-viewport-page--toeic .board-card--legacy .cell--letter.tile:before{filter:saturate(1.1) drop-shadow(0 5px 9px rgba(4,10,25,.28))}.play-viewport-page--toeic .board-card--legacy .cell--found.tile:before{filter:saturate(1.75) hue-rotate(18deg) brightness(1.14) drop-shadow(0 0 12px rgba(255,215,88,.68)) drop-shadow(0 0 22px rgba(83,232,217,.38))}.play-viewport-page--toeic .board-card--legacy .cell--found .num{color:#071b33;transform:scale(1.08)}@media(max-width:420px){.showcase-mode-card{min-height:64px;padding:7px 4px}.showcase-mode-icon{width:30px;height:30px;font-size:14px}.showcase-mode-card strong{font-size:13px}.showcase-mode-card small{font-size:9.5px}.toeic-clue-panel{grid-template-columns:minmax(0,1fr) max-content}.toeic-clue-kicker{display:none}.toeic-clue-meaning{text-align:left}}.starpang-experience .screen-transition-content:has(.play-viewport-page--toeic)>.shell-header--play{display:none}.starpang-experience .screen-transition-content:has(.play-viewport-page--toeic){min-height:100dvh}.play-viewport-page--toeic{--toeic-gold: #ffd93a;--toeic-navy-0: #010516;--toeic-navy-1: #06113a;--toeic-panel-edge: #2f6ac0;position:relative;isolation:isolate;width:100%;min-height:100dvh;height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(17px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 35%,rgba(28,93,229,.18) 0 17%,transparent 45%),radial-gradient(circle at 53% 73%,rgba(34,125,255,.12) 0 14%,transparent 38%),linear-gradient(180deg,var(--toeic-navy-0) 0%,var(--toeic-navy-1) 46%,#020719 100%);overflow:hidden}.play-viewport-page--toeic:before,.play-viewport-page--toeic:after{position:absolute;pointer-events:none;content:""}.play-viewport-page--toeic:before{inset:-24px;z-index:-2;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(83,207,255,.72) 0 1.1px,transparent 1.8px),radial-gradient(circle,rgba(255,219,73,.76) 0 1.1px,transparent 1.9px),radial-gradient(circle,rgba(210,91,255,.78) 0 1.2px,transparent 2px);background-position:9px 18px,59px 85px,116px 49px,154px 124px;background-size:76px 76px,118px 118px,151px 151px,101px 101px;opacity:.7}.play-viewport-page--toeic:after{left:-100px;right:-100px;bottom:-72px;z-index:-1;height:250px;background:radial-gradient(ellipse at 49% 88%,rgba(100,40,255,.7) 0 13%,transparent 55%),radial-gradient(ellipse at 30% 88%,rgba(255,61,206,.6) 0 9%,transparent 44%),radial-gradient(ellipse at 76% 86%,rgba(35,198,255,.48) 0 9%,transparent 42%),conic-gradient(from 210deg at 50% 101%,transparent 0 28%,rgba(63,175,255,.32) 34%,transparent 51% 100%);opacity:.82}.play-viewport-page--toeic .play-time-rail{display:block;left:max(3px,calc(50% - 207px));top:calc(env(safe-area-inset-top) + 86px);bottom:calc(env(safe-area-inset-bottom) + 122px);z-index:8;width:7px;border:1px solid rgba(145,205,255,.34);background:linear-gradient(180deg,#1a4088cc,#020a22eb),#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 12px #419dff7a,0 0 26px #1156ff38}.play-viewport-page--toeic .play-time-rail-fill{background:linear-gradient(180deg,#fff678,#48dcff 48%,#2982ff);box-shadow:0 0 12px #ffef689e,0 0 24px #39beff70,inset 0 1px #ffffffad}.play-viewport-page--toeic .play-time-rail--warning .play-time-rail-fill{background:linear-gradient(180deg,#fff678,#ffba38)}.play-viewport-page--toeic .play-time-rail--danger .play-time-rail-fill{background:linear-gradient(180deg,#ffcf57,#ff4f8f)}.play-viewport-page--toeic .play-viewport-layout{position:relative;z-index:1;width:min(390px,calc(100% - 18px));height:100%;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:58px minmax(0,1fr) 108px;gap:10px;overflow:visible}.toeicpang-hud{display:contents}.toeicpang-top-hud{position:relative;z-index:24;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:6px;min-width:0;height:58px;transform:translateY(4px)}.toeicpang-hud-pill{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:58px;border:1px solid var(--toeic-panel-edge);border-radius:27px;background:linear-gradient(180deg,#1f3e82eb,#05102cfa 57%,#081636fa),#06122f;box-shadow:inset 0 0 0 2px #6babff33,inset 0 8px 12px #9ecbff21,0 0 0 2px #0f3a8f99,0 8px 21px #0000008c,0 0 17px #418dff59}.toeicpang-score-pill{gap:6px;color:var(--toeic-gold);font-family:"Arial Black",var(--font-casual);font-size:22px;font-weight:1000;line-height:1;white-space:nowrap;-webkit-text-fill-color:var(--toeic-gold);text-shadow:-1px -1px 0 #8d5200,1px -1px 0 #8d5200,-1px 1px 0 #8d5200,1px 1px 0 #8d5200,0 3px 0 #8d5200,0 0 9px rgba(255,222,50,.78)}.toeicpang-score-star{width:26px;height:26px;flex:0 0 auto;filter:drop-shadow(0 3px 0 #8f5300) drop-shadow(0 0 7px rgba(255,226,54,.78))}.toeicpang-clue-pill{--toeic-hint-star-size: 84px;--toeic-hint-star-left: -6px;z-index:25;padding-inline:92px 13px;overflow:visible;color:#fff;font-family:"Arial Black",var(--font-casual);font-size:13.2px;font-weight:1000;line-height:1.08;-webkit-text-fill-color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.82),1px -1px 0 rgba(0,0,0,.82),-1px 1px 0 rgba(0,0,0,.82),1px 1px 0 rgba(0,0,0,.82),0 2.4px 0 rgba(0,0,0,.72),0 0 6px rgba(255,255,255,.16)}.toeicpang-clue-hint-star{position:absolute;left:var(--toeic-hint-star-left);top:50%;z-index:44;width:var(--toeic-hint-star-size);height:var(--toeic-hint-star-size);display:grid;place-items:center;transform:translateY(-50%);pointer-events:none}.toeicpang-clue-hint-star img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 0 #8f5300) drop-shadow(0 0 12px rgba(255,226,54,.84))}.toeicpang-clue-hint-letter{position:relative;z-index:1;display:block;color:#fff;font-family:"Arial Black",var(--font-casual);font-size:39px;font-weight:1000;line-height:1;transform:translateY(4px);-webkit-text-fill-color:#fff;text-shadow:-2px -2px 0 #442000,2px -2px 0 #442000,-2px 2px 0 #442000,2px 2px 0 #442000,0 3px 0 #442000,0 0 8px rgba(255,255,255,.65)}.toeicpang-clue-text{display:-webkit-box;min-width:0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.toeicpang-timer-pill{gap:6px;color:#fff;font-family:Arial Black,Arial Rounded MT Bold,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:1000;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1;-webkit-text-fill-color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.78),1px -1px 0 rgba(0,0,0,.78),-1px 1px 0 rgba(0,0,0,.78),1px 1px 0 rgba(0,0,0,.78),0 3px 0 rgba(0,0,0,.62),0 0 9px rgba(255,255,255,.28)}.toeicpang-clock-icon{width:26px;height:26px;flex:0 0 auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.play-viewport-page--toeic .play-board-field{grid-row:2;min-height:0}.play-viewport-page--toeic .board-card--legacy{width:100%;height:100%}.play-viewport-page--toeic .board-card--legacy .board-stage{width:100%;height:100%;padding:10px 1px 1px;border:1px solid rgba(66,138,255,.34);border-radius:27px;background:linear-gradient(180deg,#092a61ab,#000c26d1),#000920c7;box-shadow:inset 0 0 0 2px #1a4ea23d,inset 0 0 34px #05276894,0 10px 24px #0000008c,0 0 28px #1f5fda47;overflow:hidden}.play-viewport-page--toeic .board-card--legacy .board{--gap: 0px;--cell-x: calc(100cqw / 7);--cell-y: calc((100cqh - 10px) / 11);--cell: var(--cell-x);--num-size: clamp(22px, calc(var(--cell-x) * .62), 34px);position:relative;isolation:isolate;grid-template-columns:repeat(var(--cols),var(--cell-x));grid-template-rows:repeat(var(--rows),var(--cell-y));gap:var(--gap);width:calc((var(--cell-x) * var(--cols)) + (var(--gap) * (var(--cols) - 1)));height:calc((var(--cell-y) * var(--rows)) + (var(--gap) * (var(--rows) - 1)));max-width:100%;max-height:100%;overflow:hidden;border-radius:20px;background:#00123aad;box-shadow:inset 0 0 0 1px #2356a040}.play-viewport-page--toeic .board-card--legacy .board:before{position:absolute;inset:0;z-index:0;display:none;content:"";background:none;pointer-events:none}.play-viewport-page--toeic .board-card--legacy .cell{z-index:12;width:100%;height:100%;aspect-ratio:auto}.play-viewport-page--toeic .board-card--legacy .cell.tile:before{inset:calc((var(--cell-y) - var(--cell-x)) / 2) 0;background-image:url(/star.png)}.play-viewport-page--toeic .board-card--legacy .cell .star-face{display:none}.play-viewport-page--toeic .board-card--legacy .cell--letter-tone-0.tile:before{filter:hue-rotate(0deg) saturate(1.15) brightness(1.02) drop-shadow(0 4px 0 rgba(0,0,0,.38)) drop-shadow(0 7px 7px rgba(0,0,0,.35))}.play-viewport-page--toeic .board-card--legacy .cell--letter-tone-1.tile:before{filter:hue-rotate(174deg) saturate(1.72) brightness(.98) drop-shadow(0 4px 0 rgba(0,0,0,.38)) drop-shadow(0 7px 7px rgba(0,0,0,.35))}.play-viewport-page--toeic .board-card--legacy .cell--letter-tone-2.tile:before{filter:hue-rotate(229deg) saturate(1.82) brightness(.92) drop-shadow(0 4px 0 rgba(0,0,0,.38)) drop-shadow(0 7px 7px rgba(0,0,0,.35))}.play-viewport-page--toeic .board-card--legacy .cell--letter-tone-3.tile:before{filter:hue-rotate(78deg) saturate(1.56) brightness(.9) drop-shadow(0 4px 0 rgba(0,0,0,.38)) drop-shadow(0 7px 7px rgba(0,0,0,.35))}.play-viewport-page--toeic .board-card--legacy .cell--letter-tone-4.tile:before{filter:hue-rotate(289deg) saturate(1.7) brightness(.98) drop-shadow(0 4px 0 rgba(0,0,0,.38)) drop-shadow(0 7px 7px rgba(0,0,0,.35))}.play-viewport-page--toeic .board-card--legacy .cell--letter-tone-5.tile:before{filter:hue-rotate(-12deg) saturate(1.22) brightness(.96) drop-shadow(0 4px 0 rgba(0,0,0,.38)) drop-shadow(0 7px 7px rgba(0,0,0,.35))}.play-viewport-page--toeic .board-card--legacy .letter-glyph{position:absolute;inset:calc((var(--cell-y) - var(--cell-x)) / 2) 0;z-index:4;width:100%;height:var(--cell-x);overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.55))}.play-viewport-page--toeic .board-card--legacy .letter-glyph text{fill:#fff;stroke:#1d1b2de6;stroke-width:5.3px;stroke-linejoin:round;paint-order:stroke fill;font-family:"Arial Black",Impact,var(--font-casual);font-size:32px;font-weight:1000;text-anchor:middle;dominant-baseline:middle}.play-viewport-page--toeic .board-card--legacy .cell.in-rect{z-index:14;animation:toeic-answer-star-pop .72s ease-in-out infinite alternate}.play-viewport-page--toeic .board-card--legacy .cell.in-rect:after{position:absolute;inset:calc(((var(--cell-y) - var(--cell-x)) / 2) - 7px) -7px;z-index:0;content:"";border-radius:50%;background:radial-gradient(circle,rgba(255,253,157,.88) 0 21%,rgba(255,208,25,.46) 43%,rgba(255,171,0,.08) 64%,transparent 74%);filter:blur(1px);opacity:.92;pointer-events:none}.play-viewport-page--toeic .board-card--legacy .cell.in-rect.tile:before{background-image:url(/star.png);box-shadow:none;filter:saturate(1.28) brightness(1.1) drop-shadow(0 0 2px #fff6a9) drop-shadow(0 0 12px #ffd52b) drop-shadow(0 0 23px rgba(255,191,0,.72)) drop-shadow(0 5px 0 rgba(150,86,0,.48))}.play-viewport-page--toeic .board-card--legacy .cell.in-rect .letter-glyph{filter:drop-shadow(0 2px 0 rgba(0,0,0,.55)) drop-shadow(0 0 4px rgba(255,255,255,.55))}.play-viewport-page--toeic .board-card--legacy .cell.failed-rect.tile:before{box-shadow:inset 0 0 0 1px #ff42607a,0 0 10px #ff42607a}.play-viewport-page--toeic .board-card--legacy .cell--found,.play-viewport-page--toeic .board-card--legacy .cell--answer-reveal{z-index:13}.play-viewport-page--toeic .board-card--legacy .cell--found:after,.play-viewport-page--toeic .board-card--legacy .cell--answer-reveal:after{position:absolute;inset:calc(((var(--cell-y) - var(--cell-x)) / 2) - 9px) -9px;z-index:0;content:"";border-radius:50%;background:radial-gradient(circle,rgba(255,253,157,.95) 0 22%,rgba(255,208,25,.44) 42%,transparent 70%);filter:blur(1px);opacity:.96;pointer-events:none}.play-viewport-page--toeic .board-card--legacy .cell--found.tile:before,.play-viewport-page--toeic .board-card--legacy .cell--answer-reveal.tile:before{filter:saturate(1.3) brightness(1.08) drop-shadow(0 0 2px #fff6a9) drop-shadow(0 0 13px #ffd52b) drop-shadow(0 0 25px rgba(255,191,0,.8)) drop-shadow(0 5px 0 rgba(150,86,0,.5))}.play-viewport-page--toeic .board-card--legacy .cell--found .letter-glyph,.play-viewport-page--toeic .board-card--legacy .cell--answer-reveal .letter-glyph{filter:drop-shadow(0 2px 0 rgba(0,0,0,.55)) drop-shadow(0 0 4px rgba(255,255,255,.55))}.play-viewport-page--toeic .board-card--legacy .cell--answer-reveal{z-index:15;animation:toeic-answer-star-pop .82s ease-in-out infinite alternate}.play-viewport-page--toeic .board-card--legacy .cell--answer-reveal:after{background:radial-gradient(circle,rgba(242,255,255,.98) 0 18%,rgba(77,244,255,.58) 40%,rgba(26,137,255,.08) 66%,transparent 74%);filter:blur(1.2px)}.play-viewport-page--toeic .board-card--legacy .cell--answer-reveal.tile:before{filter:saturate(1.42) brightness(1.15) drop-shadow(0 0 3px #f7ffff) drop-shadow(0 0 14px rgba(77,244,255,.96)) drop-shadow(0 0 31px rgba(26,137,255,.86)) drop-shadow(0 5px 0 rgba(0,57,132,.5))}.toeic-word-line{position:relative;z-index:2;pointer-events:none}.toeic-word-line:before{position:absolute;content:"";border-radius:999px;background:linear-gradient(180deg,#ffffa9f2,#ffd833 38%,#ff9b08);box-shadow:0 0 5px #fff8aa,0 0 15px #ffd633,0 0 35px #ffc300c2}.toeic-word-line:after{position:absolute;content:"";border-radius:999px;background:#fff8c8;opacity:.84}.toeic-word-line--vertical{justify-self:center;align-self:stretch;width:11px;margin-block:calc(var(--cell-y) * .14)}.toeic-word-line--vertical:before{inset:0}.toeic-word-line--vertical:after{inset:0 3px}.toeic-word-line--horizontal{align-self:center;justify-self:stretch;height:11px;margin-inline:calc(var(--cell-x) * .18)}.toeic-word-line--horizontal:before{inset:0;background:linear-gradient(90deg,#ffffa9f2,#ffd833 38%,#ff9b08)}.toeic-word-line--horizontal:after{inset:3px 0}.toeic-word-line--diagonal-down,.toeic-word-line--diagonal-up{align-self:stretch;justify-self:stretch}.toeic-word-line--diagonal-down:before,.toeic-word-line--diagonal-up:before,.toeic-word-line--diagonal-down:after,.toeic-word-line--diagonal-up:after{left:50%;top:50%;height:11px;transform-origin:center}.toeic-word-line--diagonal-down:before,.toeic-word-line--diagonal-up:before{width:138%;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(90deg,#ffffa9f2,#ffd833 38%,#ff9b08)}.toeic-word-line--diagonal-up:before{transform:translate(-50%,-50%) rotate(-45deg)}.toeic-word-line--diagonal-down:after,.toeic-word-line--diagonal-up:after{width:138%;transform:translate(-50%,-50%) rotate(45deg) scaleY(.38)}.toeic-word-line--diagonal-up:after{transform:translate(-50%,-50%) rotate(-45deg) scaleY(.38)}.toeic-answer-line{z-index:14;mix-blend-mode:screen;opacity:.92;animation:toeic-answer-line-pulse .62s ease-in-out infinite alternate}.toeic-answer-line:before{background:linear-gradient(90deg,#f6fffffa,#fff87b 28%,#4df4ff 58%,#1a89ff);box-shadow:0 0 6px #f6fffff0,0 0 17px #4df4ffe0,0 0 38px #1a89ffb8}.toeic-answer-line:after{display:block;background:#fffef0;opacity:.88}.toeic-answer-line.toeic-word-line--vertical{width:11px}.toeic-answer-line.toeic-word-line--horizontal{height:11px}.toeic-answer-line.toeic-word-line--diagonal-down:before,.toeic-answer-line.toeic-word-line--diagonal-up:before{height:11px}.toeic-answer-line.toeic-word-line--diagonal-down:after,.toeic-answer-line.toeic-word-line--diagonal-up:after{height:11px}.toeic-answer-line--tone-1:before{background:linear-gradient(90deg,#ffe7fff2,#ff5fd7 44%,#b34dff);box-shadow:0 0 5px #ffe7fff2,0 0 15px #ff5fd7e0,0 0 35px #b34dffc2}.toeic-answer-line--tone-2:before{background:linear-gradient(90deg,#efffd6f2,#91ff4f 44%,#16d789);box-shadow:0 0 5px #efffd6f2,0 0 15px #91ff4fe0,0 0 35px #16d789c2}.toeic-answer-line--tone-3:before{background:linear-gradient(90deg,#fff7cbf2,#ffdd47 44%,#ff7b2e);box-shadow:0 0 5px #fff7cbf2,0 0 15px #ffdd47e0,0 0 35px #ff7b2ec2}.toeic-answer-line--tone-4:before{background:linear-gradient(90deg,#e6f0fff2,#7d8cff 44%,#39dcff);box-shadow:0 0 5px #e6f0fff2,0 0 15px #7d8cffe0,0 0 35px #39dcffc2}@keyframes toeic-answer-line-pulse{0%{filter:brightness(.92) saturate(1.05)}to{filter:brightness(1.24) saturate(1.2)}}@keyframes toeic-answer-star-pop{0%{filter:brightness(.96) saturate(1.05);transform:scale(.985)}to{filter:brightness(1.24) saturate(1.22);transform:scale(1.035)}}.toeicpang-bottom-hud{grid-row:3;display:grid;grid-template-columns:88px repeat(3,minmax(0,1fr));align-items:center;gap:5px;min-width:0;height:108px}.toeicpang-combo-star{position:relative;display:grid;place-items:center;width:84px;height:84px;transform:rotate(-7deg);filter:drop-shadow(0 0 19px rgba(195,67,255,.78)) drop-shadow(0 8px 8px rgba(0,0,0,.55))}.toeicpang-combo-star img{position:absolute;inset:-5px;width:94px;height:94px;filter:hue-rotate(232deg) saturate(1.8) brightness(.9);box-shadow:0 7px 7px #00000059}.toeicpang-combo-copy{position:relative;z-index:1;display:grid;justify-items:center;gap:0;transform:rotate(7deg);text-align:center;text-shadow:-2px -2px 0 rgba(0,0,0,.7),2px -2px 0 rgba(0,0,0,.7),-2px 2px 0 rgba(0,0,0,.7),2px 2px 0 rgba(0,0,0,.7),0 3px 0 rgba(0,0,0,.5)}.toeicpang-combo-copy span{color:#fff;font-family:"Arial Black",var(--font-casual);font-size:16px;font-weight:1000;line-height:1;letter-spacing:.7px}.toeicpang-combo-copy strong{color:var(--toeic-gold);font-family:"Arial Black",var(--font-casual);font-size:32px;font-weight:1000;line-height:.95;text-shadow:0 3px 0 #703300,0 0 9px rgba(255,229,57,.86)}.toeicpang-bonus-card,.toeicpang-pass-button{--edge: #42bfff;--value: #fff;appearance:none;display:grid;align-content:center;justify-items:center;min-width:0;height:62px;padding:7px 4px 8px;border:2px solid var(--edge);border-radius:20px;background:linear-gradient(180deg,#1b3879cc,#030c26f5),#061238;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 12px color-mix(in srgb,var(--edge),transparent 44%),0 7px 11px #00000070;text-align:center}.toeicpang-pass-button{--edge: #ffbd22;--value: var(--toeic-gold);cursor:pointer}.toeicpang-pass-button:disabled{cursor:default;filter:grayscale(.32) brightness(.72);opacity:.62}.toeicpang-pass-button .toeicpang-bonus-value{font-size:18px;white-space:nowrap}.toeicpang-bonus-card--time{--edge: #bd65ff;--value: #ff92ff}.toeicpang-bonus-card--score{--edge: #ffbd22;--value: var(--toeic-gold)}.toeicpang-bonus-title{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;color:#fff;font-family:"Arial Black",var(--font-casual);font-size:13.4px;font-weight:1000;line-height:1;white-space:nowrap;-webkit-text-fill-color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.78),1px -1px 0 rgba(0,0,0,.78),-1px 1px 0 rgba(0,0,0,.78),1px 1px 0 rgba(0,0,0,.78),0 2.3px 0 rgba(0,0,0,.66)}.toeicpang-bonus-icon{width:18px;height:18px;flex:0 0 18px;color:var(--toeic-gold);fill:currentColor;filter:drop-shadow(0 0 6px rgba(255,214,49,.72))}.toeicpang-bonus-value{margin-top:6px;color:var(--value);font-family:"Arial Black",var(--font-casual);font-size:24px;font-weight:1000;line-height:1;-webkit-text-fill-color:var(--value);text-shadow:-1px -1px 0 rgba(0,0,0,.72),1px -1px 0 rgba(0,0,0,.72),-1px 1px 0 rgba(0,0,0,.72),1px 1px 0 rgba(0,0,0,.72),0 2.4px 0 rgba(0,0,0,.66),0 0 8px color-mix(in srgb,var(--value),transparent 52%)}@media(max-width:370px){.play-viewport-page--toeic .play-viewport-layout{grid-template-rows:54px minmax(0,1fr) 100px;gap:8px}.toeicpang-top-hud{grid-template-columns:minmax(0,1fr) 86px;height:54px}.toeicpang-hud-pill{height:54px;border-radius:24px}.toeicpang-score-pill{font-size:19px}.toeicpang-clue-pill{--toeic-hint-star-size: 76px;--toeic-hint-star-left: -7px;padding-inline:82px 11px;font-size:12.2px}.toeicpang-clue-hint-letter{font-size:35px;transform:translateY(3.5px)}.toeicpang-bottom-hud{grid-template-columns:76px repeat(3,minmax(0,1fr));height:100px}.toeicpang-combo-star{width:76px;height:76px}.toeicpang-combo-star img{width:92px;height:92px}.toeicpang-bonus-title{font-size:11.5px}.toeicpang-bonus-value{font-size:21px}}.ranking-mode-tabs{width:min(100%,520px);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 12px;padding:5px;border-radius:18px;background:#0e1b3b6b;box-shadow:inset 0 0 0 1px #ffffff1f}.starpang-experience .screen-transition-content:has(.play-viewport-page--minesweeper)>.shell-header--play{display:none}.starpang-experience .screen-transition-content:has(.play-viewport-page--minesweeper){min-height:100dvh}.play-viewport-page--minesweeper{--mine-bg: #071324;--mine-panel: rgba(15, 28, 48, .82);--mine-panel-border: rgba(133, 206, 235, .26);--mine-hidden-top: #edf4f7;--mine-hidden-bottom: #9fb1bd;--mine-revealed: #253342;width:100%;min-height:100dvh;height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 20%,rgba(255,194,90,.16),transparent 34%),radial-gradient(circle at 22% 82%,rgba(53,215,205,.13),transparent 38%),linear-gradient(180deg,#071324,#0c1d30 52%,#07111f);overflow:hidden}.minesweeper-play-layout{width:min(430px,100%);height:100%;margin-inline:auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.7dvh,16px);align-items:stretch}.minesweeper-hud{display:grid;gap:9px;padding:12px;border:1px solid var(--mine-panel-border);border-radius:18px;background:linear-gradient(180deg,#203654e6,#081221e6),var(--mine-panel);box-shadow:inset 0 1px #ffffff21,0 12px 26px #00000042}.minesweeper-hud-title,.minesweeper-hud-stats{min-width:0}.minesweeper-hud-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.minesweeper-hud-title strong{color:#fff3cf;font-size:clamp(22px,6vw,30px);font-weight:950;line-height:1;letter-spacing:0;text-shadow:0 2px 0 rgba(78,34,16,.78)}.minesweeper-hud-title span{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:#102334;background:linear-gradient(135deg,#fff2a8,#68e3d6);font-size:12px;font-weight:950}.minesweeper-hud-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.minesweeper-hud-stats div{min-width:0;display:grid;justify-items:center;gap:3px;padding:8px 4px;border-radius:13px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.minesweeper-hud-stats dt,.minesweeper-hud-stats dd{margin:0}.minesweeper-hud-stats dt{color:#e6f2ffb8;font-size:11px;font-weight:850;line-height:1}.minesweeper-hud-stats dd{color:#fff;font-size:clamp(17px,4.6vw,23px);font-weight:950;font-variant-numeric:tabular-nums;line-height:1}.minesweeper-board-shell{min-height:0;display:grid;place-items:center;padding:clamp(7px,2vw,10px);border:1px solid var(--mine-panel-border);border-radius:22px;background:linear-gradient(180deg,#162b43e0,#07101deb),var(--mine-panel);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 28px #58c2e11a,0 12px 30px #00000052}.minesweeper-board{width:min(100%,calc((100dvh - 158px) * var(--minesweeper-cols) / var(--minesweeper-rows)));max-height:100%;aspect-ratio:var(--minesweeper-cols) / var(--minesweeper-rows);display:grid;grid-template-columns:repeat(var(--minesweeper-cols),minmax(0,1fr));grid-template-rows:repeat(var(--minesweeper-rows),minmax(0,1fr));gap:1px;padding:3px;border-radius:14px;background:#02070edb;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #00000085;touch-action:manipulation;-webkit-user-select:none;user-select:none}.minesweeper-cell{min-width:0;min-height:0;width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;border-radius:2px;color:#102033;background:linear-gradient(180deg,var(--mine-hidden-top),var(--mine-hidden-bottom));box-shadow:inset 1px 1px #ffffffb8,inset -1px -1px #2d3d4857;font-family:Arial Black,Apple SD Gothic Neo,system-ui,sans-serif;font-size:clamp(10px,min(3.4vw,2.2dvh),18px);font-weight:1000;line-height:1;letter-spacing:0;cursor:pointer}.minesweeper-cell:disabled{cursor:default}.minesweeper-cell.is-hidden:active{transform:translateY(1px);filter:brightness(.94)}.minesweeper-cell.is-revealed{color:#c7d7e7;background:var(--mine-revealed);box-shadow:inset 0 0 0 1px #ffffff0a}.minesweeper-cell.is-mine{color:#24110b;background:radial-gradient(circle at 48% 42%,#fff5bc 0 12%,#ffb23e 36%,#d94c35,#601b20);text-shadow:0 1px 0 rgba(255,255,255,.28)}.minesweeper-cell.mine-count-1{color:#6ed2ff}.minesweeper-cell.mine-count-2{color:#75e58f}.minesweeper-cell.mine-count-3{color:#ffd76f}.minesweeper-cell.mine-count-4{color:#ff9d68}.minesweeper-cell.mine-count-5{color:#ff6f91}.minesweeper-cell.mine-count-6{color:#d28cff}.minesweeper-cell.mine-count-7{color:#f7f8ff}.minesweeper-cell.mine-count-8{color:#bac7d3}.minesweeper-shell{--mine-menu-panel: rgba(25, 31, 37, .9);--mine-menu-line: rgba(246, 196, 84, .28);--mine-menu-text: #f7f4e8;--mine-menu-muted: rgba(247, 244, 232, .68);--mine-menu-yellow: #f6c454;--mine-menu-cyan: #54d1c8;--mine-menu-green: #7bdc7a;position:relative;min-height:100dvh;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:var(--mine-menu-text);background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 20% 18%,rgba(246,196,84,.17),transparent 28%),radial-gradient(circle at 80% 78%,rgba(84,209,200,.14),transparent 32%),linear-gradient(180deg,#171015,#101820 45%,#14110d);background-size:34px 34px,34px 34px,auto,auto,auto;isolation:isolate}.minesweeper-shell--high-contrast{--mine-menu-panel: rgba(0, 0, 0, .94);--mine-menu-line: rgba(255, 255, 255, .42);--mine-menu-muted: rgba(255, 255, 255, .82)}.minesweeper-shell-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 34%,rgba(255,255,255,.74) 0 1px,transparent 2px),radial-gradient(circle at 86% 24%,rgba(246,196,84,.8) 0 1px,transparent 2px),radial-gradient(circle at 72% 68%,rgba(84,209,200,.7) 0 1px,transparent 2px);background-size:130px 130px,180px 180px,220px 220px;opacity:.52}.minesweeper-shell-inner{width:min(980px,100%);min-height:calc(100dvh - 36px);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.minesweeper-menu-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px;padding:6px;border:1px solid var(--mine-menu-line);border-radius:8px;background:#080b0dad;box-shadow:0 14px 28px #00000038}.minesweeper-menu-nav a,.minesweeper-primary-action,.minesweeper-home-links a,.minesweeper-play-topbar button,.minesweeper-play-topbar a,.minesweeper-setting-list button{min-height:42px;border:0;border-radius:8px;color:var(--mine-menu-text);font:950 15px/1 Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;letter-spacing:0;text-decoration:none}.minesweeper-menu-nav a{display:grid;place-items:center;background:transparent;color:var(--mine-menu-muted)}.minesweeper-menu-nav a.is-active{color:#17120b;background:linear-gradient(180deg,#ffe69a,var(--mine-menu-yellow));box-shadow:0 4px #674008b8}.minesweeper-menu-screen,.minesweeper-play-screen{min-height:0;border:1px solid var(--mine-menu-line);border-radius:8px;background:linear-gradient(180deg,#262e36eb,#0e1216f0),var(--mine-menu-panel);box-shadow:inset 0 1px #ffffff14,0 20px 42px #00000042}.minesweeper-menu-screen{display:grid;align-content:start;gap:16px;padding:clamp(18px,4vw,34px)}.minesweeper-title-block,.minesweeper-section-header{display:grid;gap:5px}.minesweeper-title-block p,.minesweeper-section-header p{margin:0;color:var(--mine-menu-cyan);font-size:12px;font-weight:950}.minesweeper-title-block h1,.minesweeper-section-header h1{margin:0;color:var(--mine-menu-text);font-size:clamp(34px,8vw,72px);font-weight:1000;line-height:.98;letter-spacing:0;text-shadow:0 4px 0 rgba(0,0,0,.52)}.minesweeper-home-actions,.minesweeper-home-links{display:flex;flex-wrap:wrap;gap:10px}.minesweeper-primary-action{display:inline-grid;place-items:center;min-width:160px;color:#17120b;background:linear-gradient(180deg,#ffeaa4,var(--mine-menu-yellow));box-shadow:0 6px #633c08c7}.minesweeper-home-links a{display:inline-grid;place-items:center;min-width:116px;padding:0 18px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.minesweeper-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.minesweeper-stat-grid article{min-width:0;display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e}.minesweeper-stat-grid span,.minesweeper-record-list span,.minesweeper-ranking-list span{color:var(--mine-menu-muted);font-size:12px;font-weight:900}.minesweeper-stat-grid strong{color:var(--mine-menu-yellow);font-size:clamp(22px,5vw,34px);font-weight:1000;line-height:1}.minesweeper-empty-state{min-height:180px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.16);border-radius:8px;color:var(--mine-menu-muted);font-weight:900}.minesweeper-record-list,.minesweeper-ranking-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.minesweeper-record-list li,.minesweeper-ranking-list li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0f}.minesweeper-record-list strong,.minesweeper-ranking-list strong{min-width:0;overflow:hidden;color:var(--mine-menu-text);font-size:18px;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.minesweeper-record-list small,.minesweeper-ranking-list small{color:var(--mine-menu-yellow);font-size:14px;font-weight:950}.minesweeper-setting-list{display:grid;gap:10px}.minesweeper-setting-list button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:64px;padding:12px 14px;cursor:pointer;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1a}.minesweeper-setting-list button[aria-pressed=true]{background:#54d1c82e}.minesweeper-setting-list span,.minesweeper-setting-list strong,.minesweeper-setting-list em{min-width:0}.minesweeper-setting-list span{font-size:17px;font-weight:950;text-align:left}.minesweeper-setting-list strong{color:var(--mine-menu-cyan);font-size:14px;font-weight:950}.minesweeper-setting-list em{color:var(--mine-menu-muted);font-size:12px;font-style:normal;font-weight:900}.minesweeper-play-screen{position:relative;height:calc(100dvh - 36px);padding:clamp(8px,2vw,14px);overflow:hidden}.minesweeper-play-topbar{position:absolute;top:clamp(10px,2vw,14px);right:clamp(10px,2vw,14px);z-index:3;display:flex;gap:8px}.minesweeper-play-topbar button{min-width:56px;color:#17120b;cursor:pointer;background:linear-gradient(180deg,#f7f0d2,#d8bd76);box-shadow:0 4px #3e2d13cc}.minesweeper-play-topbar a{min-width:72px;display:inline-flex;align-items:center;justify-content:center;color:#17120b;text-decoration:none;text-align:center;padding:0 10px}.minesweeper-play-layout--standalone{width:min(460px,100%);padding-top:54px}.minesweeper-result-strip{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;max-width:calc(100% - 28px);padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#080b0de0;transform:translate(-50%)}.minesweeper-result-strip strong{color:var(--mine-menu-green)}@media(max-width:640px){.minesweeper-shell{padding-inline:max(10px,env(safe-area-inset-left))}.minesweeper-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.minesweeper-menu-nav{gap:5px}.minesweeper-menu-nav a{min-height:38px;font-size:13px}.minesweeper-record-list li,.minesweeper-ranking-list li{grid-template-columns:48px minmax(0,1fr)}.minesweeper-record-list small,.minesweeper-ranking-list small{grid-column:2}.minesweeper-setting-list button{grid-template-columns:minmax(0,1fr) auto}.minesweeper-setting-list em{grid-column:1 / -1}}@media(max-width:370px){.play-viewport-page--minesweeper{padding-inline:max(5px,env(safe-area-inset-left))}.minesweeper-play-layout{gap:8px}.minesweeper-hud{padding:10px}.minesweeper-board-shell{padding:5px;border-radius:18px}}.minesweeper-shell--play{--mine-phone-status-h: clamp(44px, 5.7dvh, 56px);--mine-game-edge: clamp(9px, 2.1vw, 18px);min-height:100dvh;padding:0;overflow:hidden auto;background:#02040a}.minesweeper-shell--play .minesweeper-shell-stars{display:none}.minesweeper-shell--play .minesweeper-shell-inner{width:100%;min-height:100dvh;display:block}.minesweeper-shell--play .minesweeper-play-screen{position:relative;min-height:100dvh;height:auto;padding:0 var(--mine-game-edge) max(18px,env(safe-area-inset-bottom));border:0;border-radius:0;overflow:hidden;color:#f8fbff;background:#02040a;box-shadow:none;isolation:isolate}.minesweeper-shell--play .minesweeper-play-screen:before,.play-viewport-page--minesweeper:before{content:"";position:absolute;inset:var(--mine-phone-status-h, 0) 0 0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 11% 14%,rgba(255,235,109,.18) 0 .8%,transparent 1.4%),radial-gradient(circle at 81% 6%,rgba(255,206,67,.2) 0 2.8%,transparent 3.3%),radial-gradient(circle at 94% 11%,rgba(78,218,255,.26) 0 2.4%,transparent 3%),radial-gradient(circle at 9% 79%,rgba(79,165,255,.18) 0 10%,transparent 16%),radial-gradient(circle at 89% 78%,rgba(29,192,255,.24) 0 8%,transparent 14%),radial-gradient(circle at 50% 38%,rgba(8,93,177,.55),transparent 44%),linear-gradient(180deg,#06194b,#04164a,#03113b)}.minesweeper-shell--play .minesweeper-play-screen:after,.play-viewport-page--minesweeper:after{content:"";position:absolute;inset:var(--mine-phone-status-h, 0) 0 0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 3% 3%,#ff91d7 0 2px,transparent 3px),radial-gradient(circle at 21% 2%,#61dcff 0 2px,transparent 3px),radial-gradient(circle at 36% 3%,#ffe86f 0 3px,transparent 5px),radial-gradient(circle at 52% 2%,#f38bff 0 2px,transparent 3px),radial-gradient(circle at 58% 6%,#55dfff 0 2px,transparent 3px),radial-gradient(circle at 76% 7%,#ffd762 0 2px,transparent 3px),radial-gradient(circle at 86% 3%,#49d9ff 0 3px,transparent 5px),radial-gradient(circle at 14% 97%,#66dcff 0 1.5px,transparent 3px),radial-gradient(circle at 33% 96%,#ff78c9 0 1.5px,transparent 3px),radial-gradient(circle at 53% 97%,#ffe36e 0 1.5px,transparent 3px),radial-gradient(circle at 72% 96%,#ff84d5 0 1.5px,transparent 3px),radial-gradient(circle at 91% 96%,#6be5ff 0 1.5px,transparent 3px);opacity:.95}.minesweeper-phone-status{position:relative;z-index:2;height:var(--mine-phone-status-h);display:flex;align-items:center;justify-content:space-between;margin-inline:calc(var(--mine-game-edge) * -1);padding:max(8px,env(safe-area-inset-top)) clamp(32px,9vw,104px) 0;color:#fff;background:#020202;font:900 clamp(18px,4.4vw,32px)/1 "Arial Rounded MT Bold","Apple SD Gothic Neo",system-ui,sans-serif;letter-spacing:0}.minesweeper-phone-indicators{display:inline-flex;align-items:center;gap:clamp(5px,1.5vw,10px);font:inherit}.minesweeper-phone-indicators b{font:inherit}.minesweeper-signal{width:clamp(22px,5.7vw,42px);height:clamp(16px,4vw,29px);display:inline-block;background:linear-gradient(180deg,transparent 58%,#fff 0) 0 100% / 18% 52% no-repeat,linear-gradient(180deg,transparent 40%,#fff 0) 27% 100% / 18% 70% no-repeat,linear-gradient(180deg,transparent 21%,#fff 0) 54% 100% / 18% 88% no-repeat,linear-gradient(#fff 0 0) 81% 100% / 18% 100% no-repeat;border-radius:5px}.minesweeper-battery{position:relative;min-width:clamp(28px,7vw,50px);min-height:clamp(18px,4.4vw,31px);display:inline-grid;place-items:center;border-radius:7px;color:#101010;background:#f2f2f2;font-size:clamp(13px,3.2vw,23px);font-style:normal;font-weight:1000}.minesweeper-battery:after{content:"";position:absolute;top:33%;right:-4px;width:3px;height:34%;border-radius:0 3px 3px 0;background:#d8d8d8}.minesweeper-play-stars{position:absolute;inset:var(--mine-phone-status-h) 0 0;z-index:-1;pointer-events:none}.minesweeper-play-stars:before,.minesweeper-play-stars:after{content:"";position:absolute;border-radius:999px;opacity:.92}.minesweeper-play-stars:before{top:clamp(28px,7vw,70px);right:clamp(112px,33vw,310px);width:clamp(30px,8vw,78px);height:clamp(18px,4.5vw,44px);border:clamp(3px,.9vw,8px) solid rgba(255,233,120,.92);background:radial-gradient(circle at 58% 38%,#fff0a8,#ffcf4c 60%,#df7924);transform:rotate(16deg);box-shadow:0 0 17px #ffe06f8c}.minesweeper-play-stars:after{top:clamp(40px,9vw,90px);right:clamp(8px,3vw,30px);width:clamp(34px,8.2vw,70px);height:clamp(34px,8.2vw,70px);background:radial-gradient(circle at 68% 28%,rgba(255,255,255,.9) 0 8%,transparent 9%),radial-gradient(circle at 38% 65%,#43bfff,#3679f1 58%,#153a9c);box-shadow:inset 0 0 0 2px #79eeffb8,0 0 18px #3bc3ff8c}.minesweeper-shell--play .minesweeper-play-topbar{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.minesweeper-shell--play .minesweeper-play-layout,.play-viewport-page--minesweeper .minesweeper-play-layout{position:relative;z-index:1;width:min(100%,430px);height:auto;min-height:calc(100dvh - var(--mine-phone-status-h, 0px));margin:0 auto;padding:clamp(9px,1.5dvh,18px) 0 0;display:grid;grid-template-rows:auto auto;align-content:start;gap:clamp(9px,1.4dvh,16px)}.minesweeper-shell--play .minesweeper-play-layout--standalone{padding-top:clamp(9px,1.5dvh,18px)}.minesweeper-hud{position:relative;display:grid;gap:clamp(14px,2dvh,24px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.minesweeper-hud:before{content:"";position:absolute;left:0;right:0;top:clamp(72px,18vw,88px);bottom:-8px;z-index:-1;border-radius:clamp(27px,7vw,44px);background:linear-gradient(180deg,#0e62bddb,#062778e0),#052066c7;box-shadow:inset 0 0 0 3px #4db7ffc7,inset 0 -18px 28px #0112478a,0 9px #04256d8f}.minesweeper-hud-logo-row{position:relative;min-height:clamp(88px,11dvh,104px);display:flex;align-items:flex-start;padding:clamp(8px,1.6vw,16px) clamp(4px,1vw,10px) 0}.minesweeper-hud-mascot{position:absolute;left:clamp(0px,1.3vw,12px);top:clamp(3px,.9vw,9px);width:clamp(70px,19vw,90px);aspect-ratio:1;filter:drop-shadow(0 7px 0 rgba(148,83,7,.76)) drop-shadow(0 0 14px rgba(255,228,94,.42))}.minesweeper-hud-mascot:before{content:"";position:absolute;inset:4%;clip-path:polygon(50% 0%,62% 32%,96% 28%,69% 50%,82% 84%,50% 64%,18% 84%,31% 50%,4% 28%,38% 32%);background:radial-gradient(circle at 36% 42%,#27180f 0 4.2%,transparent 4.6%),radial-gradient(circle at 62% 42%,#27180f 0 4.2%,transparent 4.6%),radial-gradient(circle at 32% 57%,#ff97b4 0 6.7%,transparent 7.2%),radial-gradient(circle at 68% 57%,#ff97b4 0 6.7%,transparent 7.2%),radial-gradient(ellipse at 50% 57%,transparent 0 9%,#27180f 9.5% 11%,transparent 11.5%),radial-gradient(circle at 35% 31%,rgba(255,255,255,.96) 0 11%,transparent 12%),linear-gradient(135deg,#fff7b7,#ffe45f,#ffc02d 68%,#ff9e20);box-shadow:inset 0 0 0 5px #ffffff85,inset -8px -10px #e5781133}.minesweeper-hud-title{position:absolute;left:clamp(77px,21vw,100px);right:clamp(56px,15vw,76px);top:clamp(36px,9.2vw,48px);min-width:0;text-align:center}.minesweeper-hud-title>span{display:inline-block;color:#fff5d5;font-family:Arial Rounded MT Bold,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:clamp(48px,15vw,64px);font-weight:1000;line-height:.88;letter-spacing:0;transform:skew(-2deg);-webkit-text-stroke:clamp(1px,.45vw,4px) #1c6fc7;text-shadow:0 clamp(3px,.9vw,8px) 0 #f19f22,0 clamp(7px,1.8vw,15px) 0 #07143a,clamp(3px,.9vw,8px) clamp(8px,2.1vw,18px) 0 rgba(0,0,0,.55),0 0 18px rgba(68,204,255,.55)}.minesweeper-status-pill{position:absolute;right:clamp(2px,1vw,14px);top:clamp(72px,18vw,84px);min-width:clamp(64px,16.5vw,132px);min-height:clamp(39px,8.8vw,45px);display:inline-grid;place-items:center;border-radius:999px;color:#062b69;background:linear-gradient(180deg,#d8ffd6,#7cf0b0 82%);box-shadow:inset 0 0 0 3px #ffffff9e,0 7px #0b4384c2,0 0 20px #75f2bc8c;font-size:clamp(17px,4.6vw,22px);font-weight:1000;line-height:1}.minesweeper-hud-stats{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.6vw,10px);margin:0;padding:clamp(9px,2.3vw,12px);border-radius:clamp(24px,6vw,30px);background:linear-gradient(180deg,#105bb8e6,#0c3180eb),#071f57eb;box-shadow:inset 0 0 0 3px #4ab7ffd6,inset 0 -12px 22px #031748b8,0 8px #062b6fb8,0 0 24px #29a5ff6b}.minesweeper-hud-stats:before{content:"";position:absolute;inset:6px;border-radius:inherit;border:1px solid rgba(157,235,255,.22);pointer-events:none}.minesweeper-hud-stat{position:relative;min-width:0;min-height:clamp(78px,17vw,158px);display:grid;grid-template-areas:"icon label" "icon value";grid-template-columns:clamp(32px,8vw,38px) minmax(0,1fr);column-gap:clamp(5px,1.3vw,7px);align-items:center;min-height:clamp(66px,15vw,78px);padding:clamp(8px,2vw,10px);border-radius:clamp(15px,3.8vw,18px);background:linear-gradient(180deg,#0d65b4f5,#044093f5);box-shadow:inset 0 0 0 3px #39e6ffcc,inset 0 2px #ffffff3b,0 7px #042665b8,0 0 18px #00e8ff66}.minesweeper-hud-stat--safe{background:linear-gradient(180deg,#166dd9f7,#113dabf7);box-shadow:inset 0 0 0 3px #5197ffeb,inset 0 2px #ffffff38,0 7px #052575bd,0 0 18px #3970ff80}.minesweeper-hud-stat--mine{background:linear-gradient(180deg,#a06428f7,#6f431dfa);box-shadow:inset 0 0 0 3px #ffd345eb,inset 0 2px #fff3,0 7px #6b3615c2,0 0 18px #ffbd3980}.minesweeper-hud-stat dt,.minesweeper-hud-stat dd{min-width:0;margin:0}.minesweeper-hud-stat dt{grid-area:label;align-self:end;color:#ebfaff;font-size:clamp(15px,4vw,18px);font-weight:1000;line-height:1;text-align:center;text-shadow:0 2px 0 rgba(0,20,61,.56)}.minesweeper-hud-stat dd{grid-area:value;align-self:start;color:#fff;font-size:clamp(27px,7.4vw,32px);font-weight:1000;font-variant-numeric:tabular-nums;line-height:1;text-align:center;text-shadow:0 3px 0 rgba(0,16,54,.58)}.minesweeper-stat-icon{grid-area:icon;position:relative;width:clamp(32px,8vw,38px);aspect-ratio:1;justify-self:center;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.minesweeper-stat-icon--clock{border-radius:50%;background:radial-gradient(circle at 50% 50%,#103d6e 0 42%,transparent 43%),radial-gradient(circle,#ecfbff 0 58%,#8cccf2 59% 69%,#17486f 70% 100%)}.minesweeper-stat-icon--clock:before,.minesweeper-stat-icon--clock:after{content:"";position:absolute;left:48%;top:24%;width:8%;height:30%;border-radius:999px;background:#7ef2ff;transform-origin:50% 90%}.minesweeper-stat-icon--clock:after{top:49%;width:28%;height:8%}.minesweeper-stat-icon--shield{clip-path:polygon(50% 3%,88% 18%,82% 64%,50% 96%,18% 64%,12% 18%);background:linear-gradient(135deg,rgba(255,255,255,.65) 0 22%,transparent 23%),linear-gradient(180deg,#d8fbff,#7ccaf7 50%,#244fa6);box-shadow:inset 0 0 0 4px #03296f9e}.minesweeper-stat-icon--mine{border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.75) 0 7%,transparent 8%),radial-gradient(circle,#ffd46c 0 42%,#f09422 43% 65%,#9c4c19 66% 100%)}.minesweeper-stat-icon--mine:before{content:"";position:absolute;inset:-18%;z-index:-1;background:#f2a335;clip-path:polygon(50% 0%,57% 28%,82% 13%,72% 40%,100% 50%,72% 60%,82% 87%,57% 72%,50% 100%,43% 72%,18% 87%,28% 60%,0% 50%,28% 40%,18% 13%,43% 28%)}.minesweeper-board-shell{position:relative;min-height:0;display:grid;place-items:center;padding:clamp(10px,2.4vw,22px);border:0;border-radius:clamp(17px,4.6vw,40px);background:linear-gradient(180deg,#0e4992f7,#082661fa),#0d347b;box-shadow:0 0 0 3px #40d8ffe6,0 0 0 8px #0b439ee0,inset 0 0 0 2px #bdfaff52,0 0 28px #00efffdb,0 15px #01133b9e}.minesweeper-board{width:100%;max-width:min(100%,calc((100dvh - var(--mine-phone-status-h, 0px) - 270px) * var(--minesweeper-cols) / var(--minesweeper-rows)));max-height:none;aspect-ratio:var(--minesweeper-cols) / var(--minesweeper-rows);display:grid;grid-template-columns:repeat(var(--minesweeper-cols),minmax(0,1fr));grid-template-rows:repeat(var(--minesweeper-rows),minmax(0,1fr));gap:clamp(2px,.5vw,4px);padding:clamp(3px,.7vw,6px);border-radius:clamp(10px,2.3vw,20px);background:#031431;box-shadow:inset 0 0 0 2px #000412eb,inset 0 0 26px #37a1ff2e,0 0 0 1px #b0eaff33}.minesweeper-cell{position:relative;min-width:0;min-height:0;width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;border-radius:clamp(4px,.95vw,9px);overflow:hidden;color:#63f5ff;background:linear-gradient(135deg,#3d78b2e6,#164574fa),#1a4d81;box-shadow:inset 0 0 0 2px #040f26e6,inset 1px 1px #7cbbea38,inset -1px -1px #00081aa3;font-family:Arial Rounded MT Bold,Arial Black,Apple SD Gothic Neo,system-ui,sans-serif;font-size:clamp(20px,min(6.1vw,3.9dvh),43px);font-weight:1000;line-height:1;text-shadow:0 2px 0 rgba(4,26,67,.78),0 0 8px rgba(73,238,255,.28);cursor:pointer}.minesweeper-cell-content{position:relative;z-index:2}.minesweeper-cell.is-hidden{background:radial-gradient(circle at 36% 27%,rgba(255,255,255,.9) 0 10%,transparent 11%),linear-gradient(135deg,#fff9c8,#fff0a5 44%,#f6cf63);box-shadow:inset 0 0 0 2px #fffc,inset -3px -5px #e0971a2e,0 2px #030c228c,0 0 10px #ffe88361}.minesweeper-cell.is-hidden:before{content:"";position:absolute;inset:16%;clip-path:polygon(50% 0%,62% 33%,97% 31%,69% 52%,79% 88%,50% 68%,21% 88%,31% 52%,3% 31%,38% 33%);background:linear-gradient(135deg,#ffffffeb,#fff6b13d 62%),#fff6b8;opacity:.88;filter:drop-shadow(0 1px 0 rgba(222,154,34,.18))}.minesweeper-cell.is-hidden:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.36),transparent 42%);pointer-events:none}.minesweeper-cell.is-revealed{color:#62f0ff;background:linear-gradient(135deg,#245788fa,#123761fa),#153b69;box-shadow:inset 0 0 0 2px #020d27eb,inset 1px 1px #69b0e52e}.minesweeper-cell.is-mine{color:#181025;background:radial-gradient(circle at 34% 29%,rgba(255,255,255,.86) 0 8%,transparent 9%),radial-gradient(circle,#ffe271 0 36%,#ff9c24 37% 64%,#e04035 65% 100%);text-shadow:0 1px 0 rgba(255,255,255,.36)}.minesweeper-cell.mine-count-1{color:#66f0ff}.minesweeper-cell.mine-count-2{color:#99f282}.minesweeper-cell.mine-count-3{color:#ffd94e}.minesweeper-cell.mine-count-4{color:#f27fe5}.minesweeper-cell.mine-count-5{color:#ff8f5a}.minesweeper-cell.mine-count-6{color:#7df0dc}.minesweeper-cell.mine-count-7{color:#fff}.minesweeper-cell.mine-count-8{color:#c7dcff}.minesweeper-board-corner{position:absolute;z-index:2;width:clamp(26px,6vw,56px);aspect-ratio:1;clip-path:polygon(50% 0%,62% 33%,97% 31%,69% 52%,79% 88%,50% 68%,21% 88%,31% 52%,3% 31%,38% 33%);background:linear-gradient(135deg,#fff7a5,#ffd834 48%,#ffae22);filter:drop-shadow(0 0 8px rgba(255,226,72,.95)) drop-shadow(0 3px 0 rgba(141,71,0,.58))}.minesweeper-board-corner--tl{top:calc(clamp(14px,3vw,28px)*-1);left:calc(clamp(14px,3vw,28px)*-1)}.minesweeper-board-corner--tr{top:calc(clamp(10px,2.6vw,23px)*-1);right:calc(clamp(10px,2.6vw,23px)*-1);width:clamp(18px,4vw,38px)}.minesweeper-board-corner--bl{bottom:calc(clamp(10px,2.6vw,24px)*-1);left:calc(clamp(10px,2.6vw,24px)*-1);width:clamp(20px,4.6vw,42px)}.minesweeper-board-corner--br{right:calc(clamp(18px,4vw,38px)*-1);bottom:calc(clamp(18px,4vw,38px)*-1);width:clamp(36px,8vw,76px)}.minesweeper-shell--play .minesweeper-result-strip{border:0;border-radius:999px;color:#fff;background:#072660e0;box-shadow:inset 0 0 0 2px #53e0ffa6,0 0 18px #27d7ff80}.play-viewport-page--minesweeper{--mine-phone-status-h: 0px;position:relative;background:#041344}.play-viewport-page--minesweeper .minesweeper-hud-logo-row{min-height:clamp(96px,19dvh,180px)}@media(max-width:420px){.minesweeper-shell--play .minesweeper-play-layout,.play-viewport-page--minesweeper .minesweeper-play-layout{width:min(100%,405px)}.minesweeper-hud-stats{gap:7px;padding:11px}.minesweeper-hud-stat{grid-template-columns:31px minmax(0,1fr);column-gap:5px;min-height:70px;padding:9px 7px}.minesweeper-stat-icon{width:31px}.minesweeper-board-shell{padding:9px}}@media(max-height:760px){.minesweeper-shell--play{--mine-phone-status-h: 44px}.minesweeper-hud-logo-row{min-height:94px;padding-top:11px}.minesweeper-hud-title{top:38px}.minesweeper-status-pill{top:64px}.minesweeper-hud-stats{padding:9px}.minesweeper-hud-stat{min-height:62px}.minesweeper-shell--play .minesweeper-play-layout{gap:12px;padding-top:12px}}.minesweeper-shell--reduced-motion .minesweeper-board-corner,.minesweeper-shell--reduced-motion .minesweeper-hud-mascot,.minesweeper-shell--reduced-motion .minesweeper-status-pill{transition:none;animation:none}.ranking-mode-tabs button{flex:1 1 82px;min-height:40px;border:0;border-radius:14px;color:#ffffffc7;background:transparent;font:inherit;font-size:14px;font-weight:900;letter-spacing:0}.ranking-mode-tabs button.is-active{color:#122242;background:linear-gradient(135deg,#ffdf73,#57e4d6);box-shadow:0 8px 18px #0003}.showcase-special-effect--match{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.28),transparent 38%),linear-gradient(90deg,transparent 0 8%,rgba(255,244,124,.34) 16% 84%,transparent 92%);box-shadow:inset 0 0 0 2px #ffed6980,0 0 16px #ffed6952}.showcase-bottom-nav--layout{position:fixed!important;left:50vw!important;right:auto!important;bottom:0!important;transform:translate(-50%)!important}.settings-main-panel{min-height:auto;gap:10px;padding:12px 12px 14px;border:0}.settings-control-mode{gap:0;padding:0}.settings-control-mode-heading{display:none}.settings-control-card-grid{grid-template-columns:minmax(0,1fr);gap:8px}.settings-control-card{min-height:84px;grid-template-columns:24px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;justify-items:start;gap:10px;padding:8px 10px;border-radius:16px}.settings-control-card.is-selected{transform:none}.settings-control-radio{position:relative;grid-column:1;grid-row:1;justify-self:center;align-self:center;width:22px;height:22px;border:2px solid rgba(226,243,255,.74);border-radius:999px;box-shadow:inset 0 1px #ffffff5c,0 0 12px #5ed1ff29}.settings-control-radio:after{content:"";position:absolute;inset:4px;border-radius:999px;background:#5fdcff;box-shadow:0 0 10px #5fdcff9e;opacity:0;transition:opacity .16s ease}.settings-control-card.is-selected .settings-control-radio:after{opacity:1}.settings-control-card-copy{grid-column:2;grid-row:1;min-width:0;align-self:center;text-align:left}.settings-control-card-copy strong{font-size:20px}.settings-control-card-copy small{font-size:11px}.settings-control-preview{--preview-cell: 23px;--preview-gap: 4px;grid-column:3;grid-row:1;align-self:center;justify-self:end;margin-top:0}.settings-audio-control{gap:4px;padding:5px 8px;border:0;border-radius:16px;box-shadow:none}.settings-audio-control .settings-toggle-row{min-height:40px;gap:7px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.settings-audio-control .settings-toggle-icon,.settings-main-panel>.settings-toggle-row--green .settings-toggle-icon{width:32px;height:32px}.settings-audio-control .settings-toggle-icon-vector,.settings-main-panel>.settings-toggle-row--green .settings-toggle-icon-vector{width:20px;height:20px}.settings-audio-control .settings-toggle-row strong,.settings-main-panel>.settings-toggle-row--green strong{font-size:16px}.settings-audio-control .settings-switch,.settings-main-panel>.settings-toggle-row--green .settings-switch{width:48px;height:26px;padding:3px 4px}.settings-audio-control .settings-switch-knob,.settings-main-panel>.settings-toggle-row--green .settings-switch-knob{width:20px;height:20px}.settings-audio-control .settings-switch.is-on .settings-switch-knob,.settings-main-panel>.settings-toggle-row--green .settings-switch.is-on .settings-switch-knob{left:calc(100% - 23px)}.settings-main-panel>.settings-toggle-row--green{min-height:44px;gap:7px;padding:5px 8px;border-radius:16px}.settings-action-card--logout{min-height:48px;grid-template-columns:28px minmax(0,1fr) 28px;grid-template-rows:1fr;align-items:center;justify-items:center;gap:7px;padding:7px 10px;border-width:1px;border-radius:15px}.settings-action-card.settings-action-card--logout>.settings-action-icon:first-child,.settings-action-card.settings-action-card--logout .settings-action-icon{width:28px;height:28px;padding:5px}.settings-action-card.settings-action-card--logout>strong{grid-column:2;justify-self:center;text-align:center;font-size:18px;white-space:nowrap}.recent-play-empty,.trend-empty{color:#eaf7ffb8;font-size:14px;font-weight:900;text-align:center}.starpang-experience--nonogram .shell-header--play{display:none}.nonogram-page{position:relative;z-index:1;width:min(1180px,calc(100vw - 28px));min-height:100svh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom));color:#f9fdff}.nonogram-map,.nonogram-play,.nonogram-locked-panel{width:100%;border:2px solid rgba(154,206,255,.36);border-radius:8px;background:linear-gradient(180deg,#11337cb8,#07184ec7),radial-gradient(circle at 18% 18%,rgba(255,228,91,.18),transparent 28%),radial-gradient(circle at 84% 26%,rgba(74,201,255,.22),transparent 30%);box-shadow:0 20px 44px #000c2d61,inset 0 1px #fff3}.nonogram-map{min-height:min(720px,calc(100svh - 44px));padding:clamp(16px,3vw,30px)}.nonogram-map-header,.nonogram-play-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.nonogram-map-header h1,.nonogram-stage-title h1,.nonogram-locked-panel h1{margin:0;color:#fff;font-family:var(--font-casual);font-size:clamp(28px,5vw,46px);font-weight:1000;letter-spacing:0;text-shadow:0 4px 0 rgba(3,20,78,.48)}.nonogram-eyebrow,.nonogram-stage-title small{margin:0;color:#ffe789;font-size:13px;font-weight:1000;letter-spacing:0}.nonogram-home-button,.nonogram-round-button{display:grid;place-items:center;width:54px;height:54px;border:2px solid rgba(255,255,255,.28);border-radius:18px;color:#fff;background:linear-gradient(180deg,#76d9ff,#1c75dc);box-shadow:0 7px #0028709e,inset 0 2px #ffffff6b;cursor:pointer;font-size:40px;font-weight:1000;line-height:1}.nonogram-star-wallet,.nonogram-play-wallet{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border:2px solid rgba(255,255,255,.2);border-radius:18px;color:#fff;background:#020e3780;box-shadow:inset 0 1px #ffffff29;font-size:17px;font-weight:1000;white-space:nowrap}.nonogram-star-wallet span,.nonogram-stage-title>span{color:#ffd338;text-shadow:0 2px 0 rgba(148,80,0,.8)}.nonogram-stage-grid{display:grid;grid-template-columns:repeat(10,minmax(68px,1fr));gap:clamp(8px,1.5vw,14px);margin-top:clamp(18px,4vw,34px)}.nonogram-stage-tile{display:grid;align-content:center;justify-items:center;min-height:74px;padding:8px 6px;border:2px solid rgba(255,247,190,.65);border-radius:8px;color:#4d2900;background:linear-gradient(180deg,#fff19b,#f4ac24 54%,#dc7411);box-shadow:0 7px #793a00b8,inset 0 2px #ffffff6b;cursor:pointer;font-family:var(--font-casual)}.nonogram-stage-tile strong{font-size:24px;line-height:1}.nonogram-stage-tile span,.nonogram-stage-tile small{overflow:hidden;max-width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nonogram-stage-tile span{margin-top:5px;color:#fff;font-size:13px;font-weight:1000;text-shadow:0 2px 0 rgba(102,47,0,.55)}.nonogram-stage-tile small{margin-top:3px;color:#442100c2;font-size:11px;font-weight:1000}.nonogram-stage-tile.is-locked{color:#ffffffb3;background:linear-gradient(180deg,#526080,#263552);border-color:#ffffff24;box-shadow:0 7px #0009209e,inset 0 2px #ffffff1f;cursor:not-allowed}.nonogram-stage-tile.is-cleared{border-color:#ffffffe6}.nonogram-perfect-reward{margin-top:18px;padding:14px 16px;border-radius:8px;color:#3f2600;background:#ffe576;font-weight:1000;text-align:center}.nonogram-play{min-height:min(720px,calc(100svh - 44px));padding:clamp(12px,2vw,20px)}.nonogram-stage-title{display:flex;align-items:center;gap:12px;min-width:0}.nonogram-stage-title h1{font-size:clamp(22px,4vw,34px)}.nonogram-stage-title small{color:#e6f6ffcc}.nonogram-play-wallet span{display:inline-flex;align-items:center;gap:4px}.nonogram-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:clamp(14px,3vw,28px);align-items:center;margin-top:clamp(14px,3vw,28px)}.nonogram-board-wrap{display:grid;gap:12px;justify-items:center}.nonogram-board-shell{display:grid;grid-template-columns:minmax(72px,112px) minmax(0,1fr);grid-template-rows:minmax(62px,96px) minmax(0,1fr);width:min(760px,100%);aspect-ratio:1 / .82}.nonogram-corner{grid-column:1;grid-row:1}.nonogram-clues--columns{display:grid;grid-column:2;grid-row:1;grid-template-columns:repeat(10,1fr)}.nonogram-clues--rows{display:grid;grid-column:1;grid-row:2;grid-template-rows:repeat(10,1fr)}.nonogram-clue-line{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;min-height:0;padding:2px 7px;color:#fff3a4;font-size:clamp(12px,1.9vw,18px);font-weight:1000;text-shadow:0 2px 0 rgba(0,19,72,.7)}.nonogram-clues--columns .nonogram-clue-line{flex-direction:column;justify-content:flex-end}.nonogram-board{display:grid;grid-column:2;grid-row:2;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));overflow:hidden;border:3px solid rgba(255,255,255,.55);border-radius:8px;background:#0a1837c7;box-shadow:0 16px 28px #00071c52;touch-action:none;-webkit-user-select:none;user-select:none}.nonogram-cell{display:grid;place-items:center;min-width:0;min-height:0;border:1px solid rgba(37,54,83,.52);color:#156ac7;background:linear-gradient(180deg,#fff9ec,#ece4d3);cursor:pointer;font-size:clamp(13px,2.4vw,24px);font-weight:1000;line-height:1}.nonogram-cell:nth-child(5n){border-right-color:#000d37b8}.nonogram-cell:nth-child(n+41):nth-child(-n+50),.nonogram-cell:nth-child(n+91):nth-child(-n+100){border-bottom-color:#000d37b8}.nonogram-cell.is-filled{color:#fff;background:linear-gradient(180deg,#536074,#151b28);box-shadow:inset 0 2px #ffffff29}.nonogram-cell.is-marked{color:#176ece;background:linear-gradient(180deg,#fffaf0,#e8dfcf)}.nonogram-progress-strip{overflow:hidden;width:min(420px,72%);height:12px;border-radius:999px;background:#0008227a}.nonogram-progress-strip span{display:block;width:calc(var(--nonogram-progress, 0) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#52d8ff,#ffe66c)}.nonogram-tool-panel{display:grid;gap:12px;align-content:center}.nonogram-tool-button,.nonogram-history-tools button,.nonogram-complete-actions button,.nonogram-locked-panel button{border:2px solid rgba(255,255,255,.32);border-radius:8px;color:#1d2858;background:linear-gradient(180deg,#fff8c2,#f2b23b);box-shadow:0 7px #703f00ad,inset 0 2px #ffffff6b;cursor:pointer;font-weight:1000}.nonogram-tool-button{display:grid;justify-items:center;gap:6px;min-height:86px;padding:10px;font-size:15px}.nonogram-tool-button strong{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:#1e5faf;font-size:22px}.nonogram-tool-button.is-active{outline:4px solid rgba(90,219,255,.42);transform:translateY(2px)}.nonogram-tool-button--hint strong{background:#25407d}.nonogram-tool-button:disabled,.nonogram-history-tools button:disabled{opacity:.48;cursor:not-allowed}.nonogram-history-tools{display:grid;gap:8px}.nonogram-history-tools button,.nonogram-complete-actions button,.nonogram-locked-panel button{min-height:42px;padding:8px 12px}.nonogram-fail-note{padding:10px;border-radius:8px;color:#421600;background:#ffd4a3;font-size:13px;font-weight:900}.nonogram-complete-backdrop{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:20px;background:#000a269e}.nonogram-complete-dialog,.nonogram-locked-panel{display:grid;justify-items:center;gap:12px;width:min(360px,92vw);padding:24px;border:2px solid rgba(255,255,255,.32);border-radius:8px;background:linear-gradient(180deg,#174a9a,#071d5c);box-shadow:0 24px 60px #00061d7a;text-align:center}.nonogram-complete-dialog p,.nonogram-complete-dialog h2,.nonogram-locked-panel p{margin:0}.nonogram-complete-dialog p{color:#ffe780;font-weight:1000}.nonogram-complete-dialog h2{color:#fff;font-size:30px}.nonogram-complete-stars{display:flex;gap:7px;color:#ffffff4d;font-size:34px}.nonogram-complete-stars .is-earned{color:#ffd93a;text-shadow:0 3px 0 rgba(129,67,0,.72)}.nonogram-complete-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(max-width:900px){.nonogram-page{width:min(100vw - 16px,720px);padding-top:10px}.nonogram-stage-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.nonogram-play-layout{grid-template-columns:1fr;align-items:start}.nonogram-board-shell{grid-template-columns:minmax(58px,82px) minmax(0,1fr);grid-template-rows:minmax(56px,78px) minmax(0,1fr);aspect-ratio:1 / .9}.nonogram-tool-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.nonogram-history-tools{grid-column:1 / -1;grid-template-columns:repeat(2,1fr)}.nonogram-fail-note{grid-column:1 / -1}}@media(max-width:560px){.nonogram-map,.nonogram-play{padding:10px}.nonogram-map-header,.nonogram-play-header{grid-template-columns:auto 1fr}.nonogram-star-wallet,.nonogram-play-wallet{grid-column:1 / -1;justify-self:stretch;justify-content:center}.nonogram-stage-grid{gap:8px}.nonogram-stage-tile{min-height:64px}.nonogram-stage-tile span{font-size:11px}.nonogram-board-shell{grid-template-columns:48px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);aspect-ratio:1 / 1.02}.nonogram-clue-line{gap:2px;padding:1px 3px;font-size:11px}.nonogram-tool-button{min-height:72px;padding:8px 4px;font-size:13px}.nonogram-tool-button strong{width:32px;height:32px}}.login-prompt-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow-y:auto;padding:18px 18px calc(112px + env(safe-area-inset-bottom))}.login-prompt-card{animation:auth-menu-card-enter var(--screen-transition-menu-enter-duration, .52s) var(--screen-transition-ease-out, cubic-bezier(.18, .82, .22, 1)) both;transform-origin:center top}.login-prompt-card--register{gap:8px;padding:14px 18px}.login-prompt-card--register .login-prompt-star{width:74px;height:74px;margin-bottom:-8px}.login-prompt-card--register .auth-kicker{min-height:30px;padding:3px 16px;font-size:14px}.login-prompt-card--register h2{font-size:clamp(32px,8vw,44px)}.login-prompt-card--register .login-prompt-form{gap:8px}.login-prompt-card--register .auth-field{gap:4px}.login-prompt-card--register .auth-form input{min-height:50px;padding-block:10px}.login-prompt-card--register .auth-submit-button{min-height:56px}.login-prompt-card--register .auth-switch-link{padding-block:8px}.auth-star-card{background:var(--morphic-glass-panel-strong);border:1px solid var(--morphic-glass-border);box-shadow:var(--morphic-glass-shadow),var(--morphic-glass-inner);color:var(--morphic-text);backdrop-filter:blur(var(--morphic-glass-blur));-webkit-backdrop-filter:blur(var(--morphic-glass-blur));animation:auth-menu-card-enter var(--screen-transition-menu-enter-duration, .52s) var(--screen-transition-ease-out, cubic-bezier(.18, .82, .22, 1)) both;transform-origin:center top}.auth-page--starpang{background:transparent}.auth-page--starpang:before,.auth-page--starpang:after{display:none}@keyframes auth-menu-card-enter{0%{opacity:0;transform:translate3d(0,var(--screen-transition-menu-enter-y, -86px),0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.login-prompt-card,.auth-star-card{animation:none}}.toeicpang-menu-page{--toeic-bg: #020613;--toeic-panel: rgba(5, 25, 65, .92);--toeic-panel-soft: rgba(8, 38, 88, .72);--toeic-blue: #37b9ff;--toeic-blue-deep: #0d55be;--toeic-gold: #ffd43b;--toeic-gold-hot: #ff9d16;--toeic-pink: #ff54b0;--toeic-purple: #9a5cff;--toeic-green: #49e389;--toeic-line: rgba(91, 186, 255, .74);--toeic-text: #ffffff;--toeic-muted: rgba(220, 236, 255, .76);position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:16px;background:radial-gradient(circle at 14% 18%,rgba(159,75,255,.24) 0 72px,transparent 190px),radial-gradient(circle at 82% 22%,rgba(55,185,255,.2) 0 76px,transparent 210px),radial-gradient(circle at 55% 112%,rgba(255,83,176,.2) 0 120px,transparent 310px),linear-gradient(180deg,#01030a,#051438 48%,#020716);color:var(--toeic-text);font-family:Arial Rounded MT Bold,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;letter-spacing:0}.toeicpang-menu-stars,.toeicpang-menu-stars:before,.toeicpang-menu-stars:after{position:absolute;inset:-10%;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(91,207,255,.72) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(255,214,66,.72) 0 1.2px,transparent 1.9px);background-position:0 0,58px 72px,122px 38px;background-size:148px 148px,214px 214px,268px 268px;opacity:.7}.toeicpang-menu-stars:before,.toeicpang-menu-stars:after{content:"";inset:0}.toeicpang-menu-stars:before{background:radial-gradient(circle at 22% 72%,rgba(255,79,189,.62) 0 4px,transparent 5px),radial-gradient(circle at 74% 80%,rgba(52,218,255,.72) 0 5px,transparent 6px),radial-gradient(circle at 88% 44%,rgba(255,215,58,.62) 0 4px,transparent 5px),radial-gradient(circle at 16% 36%,rgba(102,255,169,.56) 0 4px,transparent 5px);filter:drop-shadow(0 0 10px rgba(88,201,255,.9))}.toeicpang-menu-stars:after{background:linear-gradient(128deg,transparent 0 42%,rgba(69,174,255,.2) 43% 43.4%,transparent 46%),linear-gradient(146deg,transparent 0 64%,rgba(255,212,59,.18) 65% 65.4%,transparent 68%);opacity:.9}.toeicpang-menu-shell{position:relative;z-index:1;width:min(430px,100%);min-height:min(900px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(126,197,255,.62);border-radius:10px;background:radial-gradient(circle at 48% 2%,rgba(58,170,255,.18) 0 80px,transparent 190px),radial-gradient(circle at 50% 110%,rgba(194,77,255,.2) 0 118px,transparent 280px),linear-gradient(180deg,#02091cfa,#041236f5 58%,#020716fa);box-shadow:0 0 0 1px #144e9fcc inset,0 0 38px #299fff47,0 26px 80px #0000008f}.toeicpang-menu-shell:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(55,185,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(55,185,255,.08) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 84%,transparent 100%)}.toeicpang-menu-header{position:relative;z-index:2;display:grid;grid-template-columns:56px 1fr auto;align-items:start;gap:10px;min-height:84px;padding:16px 18px 2px}.toeicpang-hub-home-button{position:absolute;left:14px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border:2px solid rgba(132,205,255,.76);border-radius:999px;color:#f7fbff;text-decoration:none;background:linear-gradient(180deg,#226cc5f5,#081850eb);font:950 12px/1 Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;letter-spacing:0;box-shadow:0 6px 18px #0b33766b}.toeicpang-hub-home-icon{width:20px;height:20px}.toeicpang-menu-header--home{min-height:248px;grid-template-columns:54px 1fr 122px;padding-bottom:0}.toeicpang-title-stack{display:grid;justify-items:center;min-width:0}.toeicpang-title-stack h1{margin:0;color:#eef7ff;font-size:30px;font-weight:1000;line-height:1.05;text-align:center;text-shadow:0 3px 0 rgba(24,64,155,.95),0 0 18px rgba(83,186,255,.86),0 0 36px rgba(24,98,255,.6)}.toeicpang-logo{position:absolute;left:50%;top:54px;display:grid;margin:0;transform:translate(-50%) rotate(-6deg);text-align:center;-webkit-user-select:none;user-select:none}.toeicpang-logo-line{display:block;font-family:Impact,Arial Black,Apple SD Gothic Neo,sans-serif;font-size:58px;font-weight:1000;line-height:.8;letter-spacing:0;-webkit-text-stroke:2px #fff8cf;filter:drop-shadow(0 6px 0 rgba(5,28,87,.95)) drop-shadow(0 0 18px rgba(86,187,255,.88))}.toeicpang-logo-line--toeic{color:#ffca25;text-shadow:0 4px 0 #b55a00,0 10px 0 rgba(65,23,0,.7),0 0 26px rgba(255,226,61,.8)}.toeicpang-logo-line--pang{color:#6fc6ff;font-size:66px;-webkit-text-stroke-color:#edf9ff;text-shadow:0 4px 0 #0c5ec7,0 11px 0 rgba(4,23,91,.82),0 0 24px rgba(83,203,255,.92)}.toeicpang-logo-subtitle{justify-self:center;width:max-content;margin-top:2px;padding:0 18px 4px;border:2px solid rgba(255,212,59,.94);border-radius:16px;background:linear-gradient(180deg,#8d3dff,#4814b8);color:#ffe76b;font-size:28px;font-weight:1000;line-height:1.05;text-shadow:0 3px 0 rgba(72,27,0,.92),0 0 12px rgba(255,220,73,.86);box-shadow:0 0 18px #9754ffe6}.toeicpang-score-chip{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:44px;gap:7px;padding:0 10px;border:2px solid rgba(255,222,77,.92);border-radius:999px;background:linear-gradient(180deg,#09235afa,#020f34fa);color:var(--toeic-gold);box-shadow:0 0 0 2px #2c97ff8a inset,0 0 16px #ffd73a85,0 6px #00000057}.toeicpang-score-chip strong{font-size:20px;font-weight:1000;line-height:1;text-shadow:0 2px 0 rgba(89,52,0,.95),0 0 12px rgba(255,225,76,.74)}.toeicpang-score-chip span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#10225b;color:#fff8c7;font-size:18px;box-shadow:0 0 0 2px #ffec8d99 inset}.toeicpang-score-star{width:28px;height:28px;filter:drop-shadow(0 0 8px rgba(255,222,66,.9))}.toeicpang-avatar{position:relative;display:inline-grid;width:46px;height:46px;place-items:center;border:2px solid rgba(100,210,255,.9);border-radius:50%;background:radial-gradient(circle at 45% 38%,#f8fbff 0 25%,#86d6ff 26% 43%,#0b53bc 44% 72%,#03245e 73% 100%);box-shadow:0 0 0 3px #103e96c7,0 0 18px #47bcffb8,inset 0 4px #ffffff9e}.toeicpang-avatar:before,.toeicpang-avatar:after{position:absolute;top:16px;width:8px;height:12px;border-radius:50%;background:#081b3f;content:""}.toeicpang-avatar:before{left:13px}.toeicpang-avatar:after{right:13px}.toeicpang-avatar-face{position:absolute;bottom:10px;display:flex;gap:3px}.toeicpang-avatar-face span{width:4px;height:4px;border-radius:50%;background:#ffbd4e}.toeicpang-title-icon{width:58px;height:58px;filter:drop-shadow(0 0 12px rgba(83,191,255,.72))}.toeicpang-title-gear,.toeicpang-nav-gear{position:relative;display:inline-block;width:52px;height:52px;border:8px solid #dbe9ff;border-radius:50%;background:radial-gradient(circle,#314278 0 34%,transparent 36%);box-shadow:0 4px #1f2b57e6,0 0 18px #ddebff94}.toeicpang-title-gear:before,.toeicpang-title-gear:after,.toeicpang-nav-gear:before,.toeicpang-nav-gear:after{position:absolute;inset:-14px 16px;border-radius:4px;background:#dbe9ff;content:""}.toeicpang-title-gear:after,.toeicpang-nav-gear:after{transform:rotate(90deg)}.toeicpang-screen{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow:auto;padding:0 18px 118px;scrollbar-width:none}.toeicpang-screen::-webkit-scrollbar{display:none}.toeicpang-home-screen{margin-top:-40px}.toeicpang-home-hero{position:relative;display:grid;min-height:230px;align-items:end;margin-bottom:14px}.toeicpang-letter-preview{position:absolute;inset:-72px -6px 30px;overflow:hidden;opacity:.95}.toeicpang-letter-grid{position:absolute;inset:0}.toeicpang-letter-star{position:absolute;display:grid;width:46px;height:46px;place-items:center;clip-path:polygon(50% 0%,61% 34%,96% 35%,68% 56%,79% 90%,50% 69%,21% 90%,32% 56%,4% 35%,39% 34%);color:#fff;font-size:24px;font-weight:1000;text-shadow:0 3px 0 rgba(0,0,0,.42),0 0 10px rgba(255,255,255,.5);filter:drop-shadow(0 5px 0 rgba(0,0,0,.22)) drop-shadow(0 0 12px rgba(78,192,255,.4))}.toeicpang-letter-star:before{position:absolute;inset:3px;clip-path:inherit;content:"";background:linear-gradient(145deg,rgba(255,255,255,.58),transparent 34%)}.toeicpang-letter-star--0{left:28px;top:82px;background:linear-gradient(180deg,#ff58b4,#a8176a);transform:rotate(-16deg)}.toeicpang-letter-star--1{left:326px;top:74px;background:linear-gradient(180deg,#5fe49d,#0c8b4c);transform:rotate(13deg)}.toeicpang-letter-star--2{left:18px;top:160px;background:linear-gradient(180deg,#42c6ff,#0a55c6);transform:rotate(11deg)}.toeicpang-letter-star--3{right:24px;top:160px;background:linear-gradient(180deg,#ff9a33,#c64800);transform:rotate(-11deg)}.toeicpang-letter-star--4{left:78px;top:232px;background:linear-gradient(180deg,#b972ff,#5e15b9);transform:rotate(-10deg)}.toeicpang-letter-grid>.toeicpang-letter-star:nth-child(6){right:80px;top:236px}.toeicpang-letter-grid>.toeicpang-letter-star:nth-child(7){left:36px;top:16px}.toeicpang-letter-grid>.toeicpang-letter-star:nth-child(8){right:34px;top:24px}.toeicpang-letter-grid>.toeicpang-letter-star:nth-child(9){left:124px;top:40px}.toeicpang-letter-grid>.toeicpang-letter-star:nth-child(10){right:124px;top:42px}.toeicpang-letter-grid>.toeicpang-letter-star:nth-child(11){left:8px;top:246px}.toeicpang-letter-grid>.toeicpang-letter-star:nth-child(12){right:6px;top:248px}.toeicpang-word-beam{position:absolute;left:50%;top:70px;display:grid;gap:0;transform:translate(-50%);filter:drop-shadow(0 0 20px rgba(255,213,51,.9))}.toeicpang-word-beam:before{position:absolute;left:50%;top:18px;bottom:18px;width:8px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(255,246,164,.98),transparent);box-shadow:0 0 18px #ffd43bf2;content:"";transform:translate(-50%)}.toeicpang-word-beam .toeicpang-letter-star{position:relative;left:auto;top:auto;width:52px;height:52px;background:linear-gradient(180deg,#fff68e,#ffd83d 44%,#f49310);color:#5b3000;transform:none;filter:drop-shadow(0 6px 0 rgba(128,69,0,.72)) drop-shadow(0 0 16px rgba(255,213,51,.92));-webkit-text-stroke:1px rgba(255,255,255,.82)}.toeicpang-start-button{position:relative;z-index:2;display:grid;grid-template-columns:56px 1fr;align-items:center;min-height:92px;padding:10px 24px;border:3px solid rgba(255,225,76,.96);border-radius:34px;background:linear-gradient(180deg,#3e1f00eb,#160f06f5);color:#ffe565;text-decoration:none;box-shadow:0 0 0 2px #ff9a16c2 inset,0 0 30px #ffcd28ad,0 10px #462300db}.toeicpang-start-button span{font-size:30px;font-weight:1000;line-height:1;text-shadow:0 3px 0 rgba(85,43,0,.9),0 0 12px rgba(255,224,75,.86)}.toeicpang-start-button small{grid-column:2;color:#fff9cf;font-size:14px;font-weight:900}.toeicpang-start-button:active{transform:translateY(4px);box-shadow:0 0 0 2px #ff9a16c2 inset,0 0 24px #ffcd2899,0 5px #462300db}.toeicpang-start-star{width:54px;height:54px}.toeicpang-word-card,.toeicpang-streak-panel,.toeicpang-mission-panel,.toeicpang-chart-panel,.toeicpang-recent-panel,.toeicpang-settings-panel{border:2px solid rgba(55,185,255,.78);border-radius:12px;background:linear-gradient(180deg,#07275df0,#02123af2);box-shadow:0 0 0 1px #0f57b0b3 inset,0 0 20px #2da0ff47}.toeicpang-panel-title{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px 0;color:#f5fbff;font-size:16px;font-weight:1000;text-shadow:0 2px 0 rgba(0,28,84,.9)}.toeicpang-panel-title strong,.toeicpang-panel-title a{margin-left:auto}.toeicpang-panel-title strong{padding:3px 8px;border-radius:8px;background:linear-gradient(180deg,#fff07c,#ff9b18);color:#743400;font-size:12px;box-shadow:0 0 9px #ffda3ec2}.toeicpang-panel-title a{color:#cceaff;font-size:13px;text-decoration:none}.toeicpang-panel-icon{width:26px;height:26px}.toeicpang-word-card-body{display:grid;grid-template-columns:54px 1fr 44px;align-items:center;gap:12px;padding:8px 12px 13px}.toeicpang-word-card--compact .toeicpang-word-card-body{grid-template-columns:50px 1fr}.toeicpang-word-card-body p{min-width:0;margin:0}.toeicpang-word-card-body strong{display:block;color:#fff;font-size:22px;font-weight:1000;line-height:1.1;text-shadow:0 2px 0 rgba(0,28,84,.92)}.toeicpang-word-card-body small{display:block;margin-top:2px;overflow:hidden;color:#d8edff;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.toeicpang-mini-star{display:grid;width:52px;height:52px;place-items:center;clip-path:polygon(50% 0%,61% 34%,96% 35%,68% 56%,79% 90%,50% 69%,21% 90%,32% 56%,4% 35%,39% 34%);background:linear-gradient(180deg,#59caff,#0b5ad3);color:#fff;font-size:24px;font-weight:1000;text-shadow:0 3px 0 rgba(0,35,103,.78);filter:drop-shadow(0 5px 0 rgba(0,35,103,.74)) drop-shadow(0 0 12px rgba(72,198,255,.72))}.toeicpang-mini-star--blue{background:linear-gradient(180deg,#ffdd58,#ff9618);color:#633500}.toeicpang-round-icon-button{display:grid;width:42px;height:42px;place-items:center;border:2px solid rgba(116,203,255,.86);border-radius:50%;background:linear-gradient(180deg,#123a8b,#061848);color:#dff5ff;box-shadow:0 0 12px #37b9ff75}.toeicpang-round-icon{width:28px;height:28px}.toeicpang-home-stack{display:grid;gap:12px;margin:14px 0}.toeicpang-streak-panel,.toeicpang-mission-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:72px;padding:10px 14px}.toeicpang-streak-panel{border-color:#ffd43be0;background:linear-gradient(180deg,#4a2600e6,#12100ef0);box-shadow:0 0 20px #ffb21e57,0 0 0 1px #ffd0336b inset}.toeicpang-streak-panel div,.toeicpang-mission-panel div{display:flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:1000}.toeicpang-streak-panel strong,.toeicpang-mission-panel strong{color:#ffe565;font-size:22px;font-weight:1000;text-shadow:0 3px 0 rgba(74,38,0,.92),0 0 12px rgba(255,212,59,.7)}.toeicpang-fire-mark,.toeicpang-mission-icon{width:36px;height:36px}.toeicpang-streak-stars{grid-column:1 / -1;display:flex;gap:8px;color:#47618c;font-size:25px;text-shadow:none}.toeicpang-streak-stars .is-lit{color:var(--toeic-gold);text-shadow:0 0 9px rgba(255,212,59,.95),0 3px 0 rgba(110,58,0,.8)}.toeicpang-mission-panel{grid-template-columns:1fr auto 112px 44px;border-color:#ff53b0c7;background:linear-gradient(180deg,#440a56eb,#10123cf2);box-shadow:0 0 18px #ff53b057,0 0 0 1px #ff69c85c inset}.toeicpang-mission-bar{height:16px;padding:3px;border-radius:999px;background:#05143aeb;box-shadow:0 0 0 1px #55b1ff8f inset}.toeicpang-mission-bar:before{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe35d,#ff9e18);box-shadow:0 0 10px #ffd43bb8;content:""}.toeicpang-gift-box{position:relative;display:inline-block;width:38px;height:34px;border-radius:5px;background:linear-gradient(90deg,transparent 42%,#ffe56a 43% 57%,transparent 58%),linear-gradient(180deg,#ff64bc 0 42%,#d42180 43% 100%);box-shadow:0 4px #540b36bd,0 0 12px #ff53b0a6}.toeicpang-date-strip{display:grid;grid-template-columns:40px 1fr 118px 40px;align-items:center;min-height:44px;margin-bottom:12px;border:2px solid rgba(69,174,255,.72);border-radius:999px;background:linear-gradient(180deg,#08285df0,#031135f5);box-shadow:0 0 15px #37b9ff47}.toeicpang-date-strip button{height:100%;border:0;background:transparent;color:#dff6ff;font-size:32px;font-weight:1000}.toeicpang-date-strip strong,.toeicpang-date-strip span{text-align:center}.toeicpang-date-strip strong{font-size:17px}.toeicpang-date-strip span{color:#d8ecff;font-size:15px;font-weight:900}.toeicpang-record-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.toeicpang-metric-card{display:grid;min-width:0;min-height:104px;justify-items:center;padding:8px 6px;border:2px solid rgba(55,185,255,.76);border-radius:12px;background:linear-gradient(180deg,#072356f5,#03123af5);box-shadow:0 0 15px #37b9ff42,0 0 0 1px #1359b785 inset}.toeicpang-metric-card--purple{border-color:#b465ffd1;box-shadow:0 0 16px #a753ff4d,0 0 0 1px #843cff73 inset}.toeicpang-metric-card--gold{border-color:#ffd43bdb;box-shadow:0 0 16px #ffd43b52,0 0 0 1px #ffa91673 inset}.toeicpang-metric-icon{display:grid;width:38px;height:38px;place-items:center}.toeicpang-metric-icon .vector-object,.toeicpang-replay-mark{width:36px;height:36px}.toeicpang-replay-mark{display:grid;place-items:center;border-radius:50%;color:#dcb7ff;font-size:34px;font-weight:1000;text-shadow:0 0 12px rgba(174,98,255,.9)}.toeicpang-metric-card span{color:#dff2ff;font-size:13px;font-weight:1000;text-align:center}.toeicpang-metric-card strong{color:#fff;font-size:29px;font-weight:1000;line-height:1;text-shadow:0 3px 0 rgba(0,23,72,.92),0 0 14px rgba(84,194,255,.62)}.toeicpang-metric-card small{display:block;margin-top:2px;font-size:14px}.toeicpang-chart-panel,.toeicpang-recent-panel{margin-bottom:12px;padding-bottom:10px}.toeicpang-chart{position:relative;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;height:118px;margin:4px 12px 0;padding:22px 0 10px;border-radius:8px;background:linear-gradient(90deg,rgba(98,190,255,.14) 1px,transparent 1px),linear-gradient(0deg,rgba(98,190,255,.12) 1px,transparent 1px),#031034bd;background-size:48px 28px}.toeicpang-chart:before{position:absolute;left:24px;right:24px;top:50%;height:3px;border-radius:999px;background:linear-gradient(90deg,#37b9ff1a,#5adcffdb,#ffd43bd1);box-shadow:0 0 12px #37b9ffb3;content:""}.toeicpang-chart-point{position:relative;display:grid;height:var(--point);place-items:start center}.toeicpang-chart-point:after{display:block;width:12px;height:12px;margin-top:auto;border:3px solid #dff7ff;border-radius:50%;background:#39c7ff;box-shadow:0 0 14px #43cbffe6;content:""}.toeicpang-chart-point strong{margin-top:-20px;font-size:12px;text-shadow:0 2px 0 rgba(0,23,72,.92)}.toeicpang-chart-labels{display:grid;grid-template-columns:repeat(7,1fr);margin:4px 12px 0;color:#aacdec;font-size:11px;font-weight:900;text-align:center}.toeicpang-word-list{display:grid;gap:4px;margin:6px 12px 2px;padding:0;list-style:none}.toeicpang-word-list li{display:grid;grid-template-columns:28px minmax(96px,1fr) minmax(106px,1.25fr) 28px;align-items:center;min-height:36px;gap:8px;padding:4px 6px;border-radius:8px;background:#03123acc;box-shadow:0 0 0 1px #54aeff3d inset}.toeicpang-word-list span,.toeicpang-word-list strong,.toeicpang-word-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toeicpang-word-list span{color:#f4fbff;font-size:16px;font-weight:1000;text-align:center}.toeicpang-word-list strong{color:#fff;font-size:16px;font-weight:1000}.toeicpang-word-list small{color:#d2e9ff;font-size:12px;font-weight:900}.toeicpang-word-list .vector-star{width:24px;height:24px;opacity:.56}.toeicpang-word-list .vector-star.is-filled{opacity:1;filter:drop-shadow(0 0 8px rgba(255,212,59,.9))}.toeicpang-ranking-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;min-height:46px;margin-bottom:10px;padding:4px;border:2px solid rgba(55,185,255,.76);border-radius:16px;background:#041339e6}.toeicpang-ranking-tabs button,.toeicpang-segmented-control button{border:0;border-radius:12px;background:transparent;color:#e9f7ff;font-size:16px;font-weight:1000;text-shadow:0 2px 0 rgba(0,23,72,.9)}.toeicpang-ranking-tabs button.is-active,.toeicpang-segmented-control button.is-active{background:linear-gradient(180deg,#fff174fa,#ff9618fa);color:#5f3200;box-shadow:0 0 16px #ffd43bc7,0 0 0 2px #fffccb99 inset;text-shadow:0 1px 0 rgba(255,255,255,.52)}.toeicpang-ranking-time{margin:0 0 12px;color:#d8eaff;font-size:14px;font-weight:900;text-align:center}.toeicpang-podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:8px;min-height:188px;margin-bottom:12px}.toeicpang-podium-card{display:grid;justify-items:center;gap:4px;min-width:0;padding:10px 6px 12px;border:2px solid rgba(55,185,255,.78);border-radius:16px;background:linear-gradient(180deg,#07295ff0,#021137f5);box-shadow:0 0 18px #37b9ff57,0 0 0 1px #2269c88f inset}.toeicpang-podium-card--rank-1{min-height:178px;border-color:#ffd43bfa;box-shadow:0 0 26px #ffd43b8a,0 0 0 1px #ffb11b9e inset}.toeicpang-podium-card--rank-2{min-height:148px}.toeicpang-podium-card--rank-3{min-height:138px;border-color:#ff974ce0}.toeicpang-podium-medal{width:50px;height:58px;margin-top:-32px}.toeicpang-podium-card .toeicpang-avatar{width:56px;height:56px}.toeicpang-podium-card strong,.toeicpang-podium-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toeicpang-podium-card strong{font-size:15px;font-weight:1000}.toeicpang-podium-card span{color:var(--toeic-gold);font-size:20px;font-weight:1000;text-shadow:0 2px 0 rgba(72,37,0,.92)}.toeicpang-ranking-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.toeicpang-ranking-list li{display:grid;grid-template-columns:36px 42px 1fr 86px;align-items:center;gap:8px;min-height:52px;padding:5px 10px;border-radius:10px;background:#041339e0;box-shadow:0 0 0 1px #37b9ff42 inset}.toeicpang-ranking-list .toeicpang-avatar{width:38px;height:38px}.toeicpang-rank-number{color:#fff;font-size:20px;font-weight:1000;text-align:center}.toeicpang-ranking-list strong,.toeicpang-ranking-list span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toeicpang-ranking-list strong{font-size:16px;font-weight:1000}.toeicpang-ranking-list span:last-child{color:#f5fbff;font-size:16px;font-weight:1000;text-align:right}.toeicpang-my-rank{display:grid;grid-template-columns:60px 38px 52px 1fr;align-items:center;gap:9px;min-height:72px;margin-top:12px;padding:8px;border:3px solid rgba(255,212,59,.98);border-radius:16px;background:linear-gradient(180deg,#09428ef5,#031642fa);box-shadow:0 0 24px #ffd43b8a,0 0 0 2px #37b9ff8f inset}.toeicpang-my-rank>span{color:#fff;font-size:15px;font-weight:1000}.toeicpang-my-rank>strong{color:#fff;font-size:30px;font-weight:1000;text-align:center}.toeicpang-my-rank .toeicpang-avatar{width:48px;height:48px}.toeicpang-my-rank p{min-width:0;margin:0}.toeicpang-my-rank b,.toeicpang-my-rank small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toeicpang-my-rank b{font-size:16px}.toeicpang-my-rank small{color:var(--toeic-gold);font-size:20px;font-weight:1000}.toeicpang-settings-panel{display:grid;gap:8px;margin-bottom:12px;padding:12px 10px 10px}.toeicpang-settings-panel h2{margin:0 0 2px;color:#cdeaff;font-size:18px;font-weight:1000;text-shadow:0 2px 0 rgba(0,23,72,.92)}.toeicpang-setting-toggle,.toeicpang-setting-row,.toeicpang-danger-row{display:grid;align-items:center;min-height:56px;border:1px solid rgba(80,169,255,.5);border-radius:10px;background:#03133ad1;box-shadow:0 0 0 1px #2269c83d inset}.toeicpang-setting-toggle{grid-template-columns:44px 1fr 82px;gap:8px;width:100%;padding:7px;color:#fff;text-align:left}.toeicpang-setting-icon{display:grid;width:40px;height:40px;place-items:center;border:2px solid rgba(55,185,255,.8);border-radius:50%;background:linear-gradient(180deg,#0b55ba,#041b5a);box-shadow:0 0 14px #37b9ff7a}.toeicpang-setting-icon .vector-object{width:28px;height:28px}.toeicpang-setting-toggle strong,.toeicpang-danger-row strong{display:block;color:#fff;font-size:15px;font-weight:1000}.toeicpang-setting-toggle small,.toeicpang-danger-row small{display:block;margin-top:2px;color:#adcdec;font-size:10px;font-weight:900}.toeicpang-switch{display:grid;grid-template-columns:1fr 28px;align-items:center;width:78px;height:36px;padding:3px;border:2px solid rgba(88,176,255,.78);border-radius:999px;background:linear-gradient(180deg,#132d67,#06133e);box-shadow:0 0 10px #37b9ff61 inset}.toeicpang-switch.is-on{border-color:#62e1fff5;background:linear-gradient(180deg,#0bb7ff,#0c54db);box-shadow:0 0 16px #37b9ffcc}.toeicpang-switch b{color:#fff;font-size:12px;font-weight:1000;text-align:center;text-shadow:0 1px 0 rgba(0,23,72,.9)}.toeicpang-switch i{display:block;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#fff,#cad9f0);box-shadow:0 2px #071a4b73,0 0 0 1px #ffffffa3 inset}.toeicpang-setting-row{grid-template-columns:76px 1fr;gap:10px;padding:7px 10px}.toeicpang-setting-row>span{color:#fff;font-size:16px;font-weight:1000}.toeicpang-segmented-control{display:grid;grid-template-columns:repeat(3,1fr);min-height:42px;padding:3px;border-radius:13px;background:#020c2bdb;box-shadow:0 0 0 1px #52b1ff75 inset}.toeicpang-setting-row--input-mode .toeicpang-segmented-control{grid-template-columns:repeat(2,1fr)}.toeicpang-segmented-control button:disabled{color:#8197bd;cursor:not-allowed}.toeicpang-setting-row--source strong{justify-self:end;color:#fff;font-size:16px;font-weight:1000}.toeicpang-danger-row{grid-template-columns:42px 1fr 70px;gap:8px;width:100%;padding:7px 10px;color:#fff;text-align:left}.toeicpang-danger-row b{display:grid;min-height:36px;place-items:center;border-radius:8px;background:linear-gradient(180deg,#ff667f,#9f1834);color:#fff4f6;font-size:15px;font-weight:1000;box-shadow:0 0 0 2px #ffb9c46b inset,0 0 12px #ff496c6b}.toeicpang-danger-icon{width:40px;height:40px;color:#ff9aae}.toeicpang-bottom-nav{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-height:76px;padding:6px;border:2px solid rgba(69,174,255,.76);border-radius:14px;background:linear-gradient(180deg,#081f50f5,#030e2bfa);box-shadow:0 0 0 1px #4697ff94 inset,0 0 20px #37b9ff57,0 -10px 24px #00000042}.toeicpang-nav-item{display:grid;place-items:center;align-content:center;gap:2px;min-width:0;border-radius:10px;color:#dbe7ff;font-size:12px;font-weight:1000;text-decoration:none;text-shadow:0 1px 0 rgba(0,23,72,.9)}.toeicpang-nav-item.is-active{background:linear-gradient(180deg,#0d65ddf5,#031a4cfa);color:#fff;box-shadow:0 0 0 2px #4cc2ffb8 inset,0 0 18px #4cc2ffb3}.toeicpang-nav-icon{width:34px;height:34px;filter:drop-shadow(0 2px 0 rgba(0,23,72,.8))}.toeicpang-nav-gear{width:32px;height:32px;border-width:5px;box-shadow:0 2px #1f2b57cc,0 0 10px #ddebff7a}.toeicpang-nav-gear:before,.toeicpang-nav-gear:after{inset:-9px 10px}@media(max-width:390px){.toeicpang-menu-page{padding:0}.toeicpang-menu-shell{min-height:100dvh;max-height:100dvh;border-radius:0}.toeicpang-menu-header,.toeicpang-screen{padding-inline:14px}.toeicpang-logo-line{font-size:50px}.toeicpang-logo-line--pang{font-size:58px}.toeicpang-start-button span{font-size:26px}.toeicpang-record-summary{gap:6px}.toeicpang-metric-card strong{font-size:28px}}