:root{--cell-tile: url(/star.png);--cell-tile-selected: url(/star.png)}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;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}.shell-chrome--with-bottom-nav>.content-page,.shell-chrome--with-bottom-nav>.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}.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{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 .fx-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.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;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.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:before{background-image:var(--cell-tile-selected);filter:brightness(1.18) saturate(1.15) drop-shadow(0 0 12px rgba(138,180,255,.62))}.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%;filter:saturate(1.06)}.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:selected-wiggle .38s ease both}.board-card--legacy .cell.in-rect.tile:before{filter:brightness(1.08) saturate(1.16) drop-shadow(0 0 12px rgba(255,114,148,.6))}.board-card--legacy .drag-rect{border-width:4px;border-radius:18px;box-shadow:inset 0 0 0 2px #ffffffa8,0 0 18px #ffffff6b}.star-pop{position:absolute;width:18px;height:18px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,#ffe15f 22% 55%,transparent 57%);animation:star-pop-burst .74s ease-out forwards}.star-pop:before,.star-pop:after{content:"";position:absolute;inset:-16px;border-radius:50%;border:3px solid rgba(255,235,103,.7)}.star-pop:after{inset:-26px;border-color:#ff759773}.match-number-float{position:absolute;z-index:5;left:50%;top:50%;min-width:42px;padding:4px 11px 6px;border:3px solid rgba(255,255,255,.94);border-radius:999px;background:linear-gradient(180deg,#fff67d,#ffcb35 44%,#ff8a3b);color:#fff;font-size:19px;font-weight:1000;line-height:1;text-align:center;text-shadow:0 2px 0 rgba(111,54,10,.3);box-shadow:inset 0 2px #ffffff75,0 5px #ca562252,0 10px 16px #4f4d8833;pointer-events:none;animation:match-number-float .98s cubic-bezier(.18,.82,.28,1) forwards;will-change:opacity,transform}.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:4px solid rgba(255,255,255,.76);border-radius:30px;background:linear-gradient(180deg,#fffffff0,#fffaebeb);color:#3d2c1f;text-align:center;display:grid;align-content:start;gap:8px;padding:clamp(18px,3.8vw,26px) clamp(14px,3.6vw,24px) clamp(14px,3.2vw,22px);box-shadow:0 10px #2987d738,0 22px 34px #2970b638}.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 2px;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,0 5px #c4486f38}.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:8px 10px;border:2px solid rgba(245,221,184,.82);border-radius:20px;background:#fffbeedb}.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:8px 6px;border:2px solid rgba(245,221,184,.76);border-radius:18px;background:#fffbeee0;color:#6b4218;font-weight:900;line-height:1.05}.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-icon{justify-self:center;width:24px;height:24px;filter:none}.result-summary-icon--spark{width:20px;height:20px}.result-leaderboard{display:grid;gap:6px;margin:10px 0 2px;padding:10px;border:2px solid rgba(109,178,243,.28);border-radius:20px;background:#ffffff9e;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-chase-line{margin:0;color:#ef5b71;font-size:15px;font-weight:1000;line-height:1.1}.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:28px;gap:8px;padding:4px 9px;border-radius:13px;background:#fffbeec7;color:#6b4218;font-weight:900;font-size:14px;line-height:1}.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);outline:3px solid rgba(239,91,113,.2)}.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:none;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}@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-chase-line{font-size:13px}.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-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)}}@keyframes star-pop-burst{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(2.4)}}@keyframes match-number-float{0%{opacity:0;transform:translate(-50%,18px) scale(.76)}16%{opacity:1;transform:translate(-50%,5px) scale(1)}74%{opacity:1;transform:translate(-50%,-26px) scale(.98)}to{opacity:0;transform:translate(-50%,-48px) scale(.92)}}@media(prefers-reduced-motion:reduce){.board-card--legacy .cell.in-rect.tile,.star-pop,.match-number-float{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:Arial Rounded MT Bold,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;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{filter:none}.starpang-logo-svg .logo-pang-star-back{fill:#d88412}.starpang-logo-svg .logo-pang-star-body{fill:#ffd83f;stroke:#ffae18;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.starpang-logo-svg .logo-pang-star-inner{fill:#ffb12352}.starpang-logo-svg .logo-pang-star-shine{fill:#ffffffc7}.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}.vector-object{display:block;overflow:visible;flex:0 0 auto}.vector-star-back{fill:#cf7c11}.vector-star-body{stroke:#ffa719;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.vector-star-inner{fill:#ffeb586b}.vector-star-shine{mix-blend-mode:screen}.vector-star-crown{fill:#ffcf36;stroke:#fff;stroke-linejoin:round;stroke-width:3px;filter:drop-shadow(0 3px 0 rgba(188,113,17,.2))}.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{filter:grayscale(.88) brightness(1.38)}.vector-star--bronze{filter:hue-rotate(-18deg) saturate(1.02)}.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 Arial Rounded MT Bold,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;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 Arial Rounded MT Bold,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;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-replay-star{fill:currentColor;stroke:#fff;stroke-linejoin:round;stroke-width:3px}.vector-podium-step{fill:#fff}.vector-podium-number{fill:currentColor;font:1000 18px Arial Rounded MT Bold,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;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:before{content:none}.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: 5px;--showcase-board-padding: 9px;position:relative;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--showcase-board-gap);padding:var(--showcase-board-padding);border-radius:26px;background:linear-gradient(180deg,#67ccff,#1d9cf0);border:4px solid rgba(21,139,230,.86);box-shadow:inset 0 0 0 4px #ffffff6b,0 10px #106fcd59,0 16px 22px #0b6cc633}.showcase-demo-layer{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--showcase-board-gap);padding:var(--showcase-board-padding);pointer-events:none}.showcase-demo-highlight{width:100%;height:100%;filter:drop-shadow(0 0 14px rgba(255,224,51,.45));animation:showcase-demo-scan 1s ease-in-out both}.showcase-match-layer{position:absolute;inset:0;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--showcase-board-gap);padding:var(--showcase-board-padding);pointer-events:none}.showcase-match-cell{position:relative;display:grid;place-items:center}.match-number-float--demo{width:44px;height:28px}.showcase-tile{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:17px;background:linear-gradient(180deg,#fffffff7,#e3f6fff5);box-shadow:inset 0 -5px #47aaec29,inset 0 2px #fffffff5}.showcase-tile--demo-active{background:linear-gradient(180deg,#fffffffa,#fffbd9f5)}.showcase-star{position:absolute;inset:7px;display:grid;place-items:center;background:none;filter:saturate(1.14)}.showcase-star-vector{width:100%;height:100%}.showcase-star-twinkle{position:absolute;left:12%;top:16%;width:28%;height:28%;fill:#ffffffc7;filter:blur(.4px);opacity:0;transform:rotate(-18deg);animation:showcase-star-twinkle 1s ease-in-out infinite;pointer-events:none}.showcase-tile strong{position:relative;z-index:2;align-self:end;margin-bottom:13px;color:#6b3d12;font-size:26px;font-weight:1000;line-height:1;text-shadow:none;animation:showcase-number-pop 1s ease-in-out both}.showcase-tile:nth-of-type(4n+1) .showcase-star-twinkle{animation-delay:0s}.showcase-tile:nth-of-type(4n+2) .showcase-star-twinkle{animation-delay:.15s}.showcase-tile:nth-of-type(4n+3) .showcase-star-twinkle{animation-delay:.3s}.showcase-tile:nth-of-type(4n+4) .showcase-star-twinkle{animation-delay:.45s}@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-star-twinkle{0%,to{opacity:0;transform:translate(-4px,3px) rotate(-18deg) scale(.7)}42%{opacity:.9;transform:translate(4px,-2px) rotate(-18deg) scale(1)}}@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-star-twinkle,.showcase-tile strong{animation:none}}.showcase-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.showcase-action{min-height:74px;display:flex;align-items:center;justify-content:center;gap:8px;border:4px solid #fff;border-radius:22px;color:#fff;font-size:28px;font-weight:1000;text-decoration:none;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--practice{background:linear-gradient(180deg,#6fe3d3,#25c3a7)}.showcase-action--rank{background:linear-gradient(180deg,#a997ff,#7b6dea)}.action-play{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))}.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: 4px;--showcase-board-padding: 8px;gap:4px;padding:8px;border-radius:24px}.showcase-tile{border-radius:15px}.showcase-star{inset:5px}.showcase-tile strong{margin-bottom:10px;font-size:25px}.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: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}.play-viewport-layout{height:100%;min-height:0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden}.hud-card--play{height:auto;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;border-radius:18px;box-shadow:0 6px #2f7ad21f,inset 0 1px #ffffffd1}.hud-card--play .eyebrow,.hud-card--play .play-rule,.hud-card--play .hud-meta{display:none}.hud-card--play .play-hud-actions{display:grid;grid-template-columns:1fr;gap:5px;margin:0}.hud-card--play .play-hud-actions .action-button{min-width:52px;min-height:26px;padding:4px 8px;border:2px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffe0;color:#2478d8;font-size:12px;font-weight:1000;line-height:1;box-shadow:inset 0 1px #ffffffe6,0 3px #2775c52e}.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,minmax(0,1fr));gap:6px}.hud-card--play .stat-card{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{font-size:clamp(18px,4.6vw,28px);line-height:1}.board-card--legacy,.board-card--legacy .board-stage{min-height:0;overflow:hidden}.board-card--legacy .cell.tile:before{z-index:1;inset:0;background-repeat:no-repeat;background-position:center;background-size:contain;filter:saturate(1.1) drop-shadow(0 4px 5px rgba(156,93,8,.24))}.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 .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))}@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)}}@media(prefers-reduced-motion:reduce){.reshuffle-banner,.board-card--legacy .board-stage.is-reshuffling .board,.board-card--legacy .board-stage.is-reshuffling .cell.tile{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 .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:52px 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-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 .play-hud-actions{grid-template-columns:1fr;gap:4px}.hud-card--play .play-hud-actions .action-button{min-width:0;min-height:24px;padding:3px 5px;font-size:11px}.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:env(safe-area-inset-bottom);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-padding-bottom:env(safe-area-inset-bottom);-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:min(390px,calc(100vw - 20px));min-height:0;padding:0 10px calc(96px + env(safe-area-inset-bottom));display:grid;grid-template-rows:repeat(6,auto);gap:9px;align-content:start}.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(286px,76vw);margin-top:22px}.starpang-showcase--live .showcase-target{min-height:78px;grid-template-columns:auto auto auto minmax(0,1fr) auto;margin-top:-12px;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: 4px;--showcase-board-padding: 8px;gap:4px;padding:8px;border-radius:24px}.starpang-showcase--live .showcase-tile{border-radius:15px}.starpang-showcase--live .showcase-star{inset:5px}.starpang-showcase--live .showcase-tile strong{margin-bottom:9px;font-size:22px}.starpang-showcase--live .showcase-actions{gap:9px;margin-top:3px}.starpang-showcase--live .showcase-action{min-height:58px;border-radius:18px;font-size:24px}.showcase-action--survival{background:linear-gradient(180deg,#6fe3d3,#25c3a7)}.starpang-showcase--live .showcase-action--survival{font-size:26px}.starpang-showcase--live .today-rank-card{margin-top:6px;padding:22px 10px 10px;border-radius:22px}.starpang-showcase--live .rank-ribbon{min-width:164px;min-height:34px;top:-14px;padding-inline:14px;font-size:20px}.starpang-showcase--live .rank-card-row{min-height:50px;gap:8px;padding:6px 9px;border-width:2px;border-radius:15px}.starpang-showcase--live .rank-card-row+.rank-card-row{margin-top:7px}.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:calc(86px + env(safe-area-inset-bottom));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:min(390px,calc(100vw - 20px));margin:0;transform:translate(-50%)}.starpang-showcase--live>.showcase-bottom-nav{position:fixed;left:50%;bottom:0;z-index:30;width:min(390px,calc(100vw - 20px));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(390px,calc(100vw - 36px))}}@media(max-height:860px){.starpang-app-page--home{padding-top:8px}.starpang-showcase--live{gap:6px}.starpang-showcase--live .starpang-logo-3d{width:min(300px,76vw);margin-top:20px}.starpang-showcase--live .showcase-target{min-height:76px;margin-top:-10px}.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}}.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:before{content:none}.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}.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{color:#1977e3;font-weight:1000;text-decoration:none}@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{background:linear-gradient(180deg,#6fc6ff 0 18%,#2086ed 52%,#155cc8);background-clip:text;-webkit-background-clip:text;text-shadow: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))}.floating-menu-mascot{position:fixed;left:0;top:0;z-index:22;width:68px;height:68px;pointer-events:none;transform:translate3d(var(--floating-star-x, calc(50vw - 34px) ),var(--floating-star-y, 190px),0) rotate(var(--floating-star-rotate, 8deg)) scale(var(--floating-star-scale, 1));transform-origin:center;transition:transform 2.6s cubic-bezier(.42,0,.18,1);will-change:transform}@media(prefers-reduced-motion:reduce){.floating-menu-mascot{transition:none;transform:translate3d(calc(50vw - 34px),190px,0) rotate(8deg) scale(1)}}.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:before{content:none}.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)}.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-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{filter:grayscale(.88) brightness(1.38)}.podium-star--bronze{filter:hue-rotate(-18deg) saturate(1.02)}.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{margin:0;font-size:20px;font-weight:1000;line-height:1.18;text-align:center}.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:grid;align-items:center;padding:4px 7px;border-radius:999px;background:linear-gradient(180deg,#bac3cf,#8c98a8);color:#fff;box-shadow:inset 0 2px #ffffff61,0 4px #0000001a}.settings-switch span{position:relative;z-index:1;display:block;padding-left:4px;font-size:24px;font-weight:1000;line-height:1}.settings-switch span:after{content:none}.settings-switch-knob{position:absolute;right:4px;top:50%;z-index:2;width:38px;height:38px;transform:translateY(-50%)}.settings-switch.is-on{background:linear-gradient(180deg,#68d858,#25b94c)}.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: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}.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}