: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}#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}.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:24px;background:#07101d9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.result-overlay .result-card{width:min(480px,100%)}@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 dashed #8ccfff;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) drop-shadow(0 3px 0 rgba(255,255,255,.65)) drop-shadow(0 4px 8px rgba(128,92,13,.2))}.board-card--legacy .cell .num{position:relative;color:#6b4218;font-weight:1000;padding-top:18px;text-shadow:0 2px 0 rgba(255,255,255,.75),0 3px 4px rgba(110,73,18,.22)}.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}.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:#48b9ff5c}.result-overlay .result-card{border:4px solid rgba(255,255,255,.76);border-radius:28px;background:#ffffffe0;color:#3d2c1f;text-align:center}.result-overlay h2{color:#ef5b71;font-size:clamp(42px,11vw,70px);letter-spacing:0}.result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 12px}.result-summary p{min-height:76px;display:grid;align-content:center;gap:4px;margin:0;padding:10px 8px;border:2px solid rgba(245,221,184,.76);border-radius:18px;background:#fffbeee0;color:#6b4218;font-weight:900}.result-summary strong{color:#ef5b71;font-size:clamp(26px,7vw,42px);line-height:1}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}@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)}}@media(prefers-reduced-motion:reduce){.board-card--legacy .cell.in-rect.tile,.star-pop{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{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-showcase{position:relative;width:min(390px,100%);margin:0 auto;display:grid;gap:12px;justify-items:center}.showcase-topbar{width:100%;position:absolute;left:0;top:4px;z-index:4;display:flex;justify-content:space-between;align-items:start}.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}.utility-button span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#2489ee;font-size:25px;line-height:1}.starpang-logo-3d{position:relative;margin-top:28px;min-height:110px;display:flex;align-items:end;justify-content:center;letter-spacing:0;filter:drop-shadow(0 9px 0 rgba(14,91,180,.32)) drop-shadow(0 18px 18px rgba(9,81,171,.24))}.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:0 5px 0 #ff9e1b,0 12px 0 #145ebf,inset 0 12px 0 rgba(255,255,255,.5);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:0 5px 0 #c94568,0 12px 0 #145ebf;transform:rotate(2deg)}.logo-star-buddy,.target-buddy,.mini-rank-star{background-image:url(/star.png);background-repeat:no-repeat;background-position:center;background-size:contain}.logo-star-buddy{position:absolute;right:52px;top:3px;width:58px;height:58px;rotate:11deg}.shell-brand--logo{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;min-width:118px;min-height:58px;padding:0 18px 0 0;letter-spacing:0;text-decoration:none;filter:drop-shadow(0 5px 0 rgba(20,93,191,.42)) drop-shadow(0 10px 14px rgba(17,92,181,.2))}.cute-shell .shell-brand--logo{color:transparent;-webkit-text-stroke:0;text-shadow:none}.shell-brand--logo .logo-word{font-size:clamp(40px,9vw,58px);-webkit-text-stroke:4px #ffffff;paint-order:stroke fill}.shell-brand--logo .logo-word--star{transform:rotate(-3deg) translateY(1px)}.shell-brand--logo .logo-word--pang{margin-left:-1px;transform:rotate(3deg) translateY(2px)}.shell-brand--logo .logo-star-buddy{right:-4px;top:-6px;width:34px;height:34px;filter:drop-shadow(0 3px 0 #ffffff) drop-shadow(0 5px 7px rgba(197,116,8,.22))}.logo-star-buddy:before{content:"";position:absolute;left:50%;top:43%;width:4px;height:4px;border-radius:50%;background:#4b2b11;transform:translate(-8px);box-shadow:16px 0 #4b2b11,3px 9px 0 1px #ff9eb2,13px 9px 0 1px #ff9eb2}.logo-star-buddy:after{content:"";position:absolute;left:50%;top:49%;width:9px;height:5px;border-bottom:2px solid #4b2b11;border-radius:0 0 10px 10px;transform:translate(-50%)}.shell-header--play .shell-brand--logo{justify-self:start;min-width:128px}.owned-shell--play .shell-header--play .shell-brand--logo{justify-self:center;min-width:226px;min-height:82px;padding-right:34px;filter:drop-shadow(0 7px 0 rgba(20,93,191,.46)) drop-shadow(0 16px 18px rgba(17,92,181,.24))}.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:"";position:absolute;inset:10px;border:3px dashed #8fd3ff;border-radius:20px;pointer-events:none}.target-spark{position:relative;z-index:1;color:#ffdc39;font-size:24px;filter:drop-shadow(0 2px 0 #fff)}.target-label{position:relative;z-index:1;color:#2589de;font-size:37px;font-weight:1000;text-shadow:0 3px 0 #d7f1ff}.showcase-target strong{position:relative;z-index:1;justify-self:center;color:#1979e7;font-size:88px;font-weight:1000;line-height:.85;text-shadow:0 4px 0 #d5efff}.target-buddy{position:relative;z-index:1;width:72px;height:72px;margin-left:-6px;rotate:-9deg;filter:drop-shadow(0 4px 0 #ffffff) drop-shadow(0 8px 10px rgba(226,151,20,.26))}.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-board{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:9px;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-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-star{position:absolute;inset:7px;background-image:url(/star.png);background-size:contain;background-position:center;background-repeat:no-repeat;filter:saturate(1.14) drop-shadow(0 4px 0 rgba(255,255,255,.7)) drop-shadow(0 6px 6px rgba(165,95,8,.2))}.showcase-tile strong{position:relative;z-index:1;align-self:end;margin-bottom:13px;color:#6b3d12;font-size:32px;font-weight:1000;line-height:1;text-shadow:0 2px 0 rgba(255,255,255,.9),0 3px 4px rgba(98,55,10,.2)}.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:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:23px solid #fff;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.action-target{width:34px;height:34px;border:8px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 5px #25c3a7f2}.action-podium{width:35px;height:31px;display:grid;place-items:start center;color:#7b6dea;font-size:17px;font-weight:1000;background:linear-gradient(#fff 0 0) center 2px / 12px 29px no-repeat,linear-gradient(#fff 0 0) left bottom / 11px 19px no-repeat,linear-gradient(#fff 0 0) right bottom / 11px 23px no-repeat;border-radius:4px}.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;transform:translate(-50%);box-shadow:inset 0 2px #ffffff73,0 5px #c4476847}.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;border-radius:50%;border:4px solid #ffba54;background:linear-gradient(180deg,#ffd86f,#ef8747);color:#fff;font-size:26px;font-weight:1000;text-shadow:0 2px 0 rgba(125,65,15,.22);box-shadow:0 4px #d75e4f}.mini-rank-star{width:50px;height:50px}@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:24px;min-height:86px}.logo-word{font-size:64px;-webkit-text-stroke-width:5px}.logo-star-buddy{right:48px;top:0;width:44px;height:44px}.showcase-target{min-height:82px;padding:10px 12px 10px 20px}.target-label{font-size:30px}.showcase-target strong{font-size:70px}.target-buddy{width:52px;height:52px}.showcase-board{gap:4px;padding:8px;border-radius:24px}.showcase-tile{border-radius:15px}.showcase-star{inset:5px}.showcase-tile strong{margin-bottom:10px;font-size:28px}.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;min-width:226px;min-height:82px;padding-right:34px}.owned-shell--play .shell-header--play .shell-brand--logo .logo-word{font-size:clamp(62px,17vw,86px);-webkit-text-stroke:6px #ffffff}.owned-shell--play .shell-header--play .shell-brand--logo .logo-star-buddy{right:12px;top:-12px;width:48px;height:48px}.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);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,.hud-card--play .hero-actions{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,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:0 1px 0 rgba(255,255,255,.86);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 .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))}}