@font-face{font-family:Shop;src:url('/bungeoppang/assets/noto-kr-bold.woff') format('woff');font-weight:700 950;font-display:swap}
:root{font-family:Shop,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#56230d;font-synthesis:none;--brown:#672b0d;--rim:#884016;--cream:#fff6de;--gold:#ffc744}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 0,#fae8c8,#cfa37a);overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #087d64;outline-offset:4px}button:disabled{cursor:default}button,svg{user-select:none}button{border:0}button:active:not(:disabled){transform:translateY(3px)}[hidden]{display:none!important}.game{position:relative;height:min(100svh - 28px,1050px);width:min(calc((100svh - 28px)*.585),620px);isolation:isolate;overflow:hidden;border:3px solid #a75c30;border-radius:25px;box-shadow:0 16px 65px #70361860,inset 0 0 0 3px #ffedc3;background:#df9c61;container-type:inline-size}.shop,.shop-shade{position:absolute;inset:0;z-index:-2}.shop{background:url('/bungeoppang/assets/shop.png') center center/100% 100% no-repeat;background-color:#e9ae73}.shop-shade{background:linear-gradient(#ffdd9730 0,transparent 35%,transparent 85%,#fff2c9 100%);z-index:-1}.hud{position:absolute;inset:1% 3% auto;z-index:5}.brand-row{position:relative;display:flex;justify-content:center;align-items:center;height:10cqw}.shop-sign{position:relative;padding:.7cqw 3.8cqw 1.1cqw;border:3px solid #663113;border-radius:45% 45% 30% 30%/35% 35% 45% 45%;box-shadow:inset 0 0 0 3px #ffe3a8,0 4px 0 #56260f75;background:linear-gradient(#fff6d9,#ffd997);font-size:4.6cqw;letter-spacing:-.12cqw;white-space:nowrap}.shop-sign::before,.shop-sign::after{content:'';position:absolute;bottom:100%;height:25px;width:3px;background:#652809;left:10%}.shop-sign::after{left:auto;right:10%}.shop-sign span{font-size:2.4cqw;color:#c67828}.rank-button{position:absolute;right:0;top:-1cqw;display:flex;flex-direction:column;align-items:center;background:transparent;font-size:2.8cqw;line-height:1.2;padding:0}.rank-button>span:last-child{background:#6a2d13;color:#fff9e3;padding:.5cqw 1.5cqw;border:2px solid #ffe4a4;border-radius:20px;box-shadow:0 2px 0 #66240b}.cup{font-family:sans-serif;font-size:7.5cqw;filter:drop-shadow(0 2px 0 #692704)}h1{position:relative;display:flex;justify-content:center;gap:1cqw;margin:2.2cqw 0 3cqw;font-size:15cqw;line-height:1.1;letter-spacing:-.8cqw;white-space:nowrap;filter:drop-shadow(0 4px 0 #6e2f12)}h1 span{-webkit-text-stroke:1.2px #66300d;paint-order:stroke fill;text-shadow:3px 3px 0 #6f2d0a,-3px -3px 0 #6f2d0a,-3px 3px 0 #6f2d0a,3px -3px 0 #6f2d0a,5px 5px 0 #fff7e6,-5px -5px 0 #fff7e6,-5px 5px 0 #fff7e6,5px -5px 0 #fff7e6}.gold-word{color:#ffbe25}.cream-word{color:#fff8e5}.status-row{display:grid;grid-template-columns:24% 41% 15% 15%;gap:1.6%;align-items:center}.pastry-panel{border:3px solid var(--rim);background:linear-gradient(#fffaf0,#ffedc7);box-shadow:inset 0 0 0 3px #fffdf1,0 3px 0 #6330133a;border-radius:24px}.score-panel{height:13.2cqw;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-label{font-size:3.3cqw;line-height:1.3}.score-panel strong{font-size:6.9cqw;line-height:1;letter-spacing:-.3cqw;font-variant-numeric:tabular-nums}.time-panel{height:14.6cqw;display:flex;align-items:center;justify-content:center;gap:1cqw;border-radius:50px}.time-panel strong{font-family:Shop,sans-serif;font-size:10.4cqw;color:#087151;line-height:1;letter-spacing:-.6cqw;font-variant-numeric:tabular-nums}.time-panel>span{font-size:4.8cqw}.clock-icon{width:6cqw;height:7cqw;overflow:visible;fill:#ffd048;stroke:#85420d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.clock-icon path{fill:none}.round-button{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:3px solid var(--rim);box-shadow:inset 0 0 0 3px #fffaac,0 4px 0 #65321455;background:linear-gradient(140deg,#ffe986,#ffc223)}.round-button::before{content:'';position:absolute}.round-button svg{width:70%;fill:#71300e}.round-button:disabled{opacity:.8}.sound-button{background:linear-gradient(140deg,#b3ffe3,#2ed6ad);border-color:#1d7660;box-shadow:inset 0 0 0 3px #c9ffee,0 4px 0 #14604850}.sound-button svg path:first-child{fill:#64320f}.sound-waves,.mute-cross{fill:none;stroke:#64320f;stroke-width:3;stroke-linecap:round}.sound-waves{display:none}.sound-button[aria-pressed=true] .sound-waves{display:block}.sound-button[aria-pressed=true] .mute-cross{display:none}.time-panel.urgent{animation:urgent .8s ease-in-out infinite}.time-panel.urgent strong{color:#c34125}@keyframes urgent{50%{box-shadow:inset 0 0 0 3px #fffdf1,0 0 17px #ff603c}}
.fever-row{display:flex;gap:1.2cqw;margin-top:2cqw;height:7.9cqw}.fever-panel{display:flex;align-items:center;gap:1.3cqw;flex:1;padding:.6cqw 1.7cqw;border-radius:30px;min-width:0}.fever-panel>span{white-space:nowrap;font-size:3.1cqw}.fever-panel>span span{color:#ffbd24;font-size:4cqw;line-height:.7;text-shadow:1px 1px #a95f0b}.fever-track{flex:1;overflow:hidden;height:3.7cqw;border:2px solid #bc916c;border-radius:20px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 2px),#ae846135 calc(20% - 2px),#ae846135 20%),#dfc6ae;box-shadow:inset 0 2px 4px #67492730}.fever-track>div{height:100%;width:0;background:linear-gradient(#ffe669,#ffa923);border-radius:20px;transition:width .18s ease;box-shadow:inset 0 2px 0 #fff2bb}.combo-panel{display:flex;align-items:center;gap:1.7cqw;padding:0 2.2cqw;font-size:3.4cqw;border-radius:25px}.combo-panel strong{font-size:5.6cqw;font-variant-numeric:tabular-nums}.conveyor{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.fish{position:absolute;left:50%;width:var(--width);top:var(--top);transform:translate(-50%,-50%);filter:drop-shadow(0 12px 4px #7e3b1830);z-index:var(--z);transition:none;pointer-events:none;will-change:transform}.fish img{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 0 #fff0c8)}.fish.current{animation:idle-bob 2.4s ease-in-out infinite}.fish.current::after{content:'';position:absolute;inset:91% 16% -1%;background:#71401d20;filter:blur(7px);border-radius:50%;z-index:-1}.fish.arriving{animation:none}.fish.departing{animation:depart .085s ease-out forwards;z-index:7}.fish.departing.left{--out:-85cqw}.fish.departing.right{--out:85cqw}.fish.mistake{filter:drop-shadow(0 0 8px #ff352f);animation:depart .085s ease-out forwards}.steam{position:absolute;bottom:18%;left:13%;width:6%;height:7%;background:#fffaf080;filter:blur(6px);border-radius:50%;animation:steam 3s linear infinite;z-index:2}.steam-two{left:auto;right:17%;bottom:36%;animation-delay:-1.5s}.feedback{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-size:6cqw;white-space:nowrap;color:#fff9e4;text-shadow:2px 2px #71330e,-2px -2px #71330e,2px -2px #71330e,-2px 2px #71330e;opacity:0;z-index:10}.feedback.show{animation:feedback .64s ease-out}.feedback.wrong{color:#ffdad3}.fever-banner{position:absolute;top:36%;left:50%;transform:translateX(-50%) rotate(-3deg);display:none;text-align:center;color:#fff1a0;text-shadow:2px 2px #91441d,-2px -2px #91441d,2px -2px #91441d,-2px 2px #91441d;font-size:7.2cqw;line-height:1.1;white-space:nowrap}.fever-banner small{display:block;font-size:2.8cqw;color:#fffbed}.game.in-fever .fever-banner{display:block;animation:fever-pop .7s alternate infinite}.game.in-fever .shop-shade{background:linear-gradient(#ffdc6930,#ffb61a10,#ffcd4545);box-shadow:inset 0 0 65px #ffc61b80}.game.in-fever .fever-fill{background:#ffb228}.game.in-fever .fever-panel{box-shadow:0 0 15px #ffe12d,inset 0 0 0 3px #fffdf1}.game.input-locked .sort-controls{filter:saturate(.4)}.sort-controls{position:absolute;bottom:max(2%,env(safe-area-inset-bottom));left:2.5%;right:2.5%;display:flex;gap:1.8%;z-index:6}.sort-button{position:relative;width:49.1%;height:14.8cqw;min-height:52px;border:3px solid #985020;border-radius:28px;background:linear-gradient(135deg,#fff99d,#ffd442);box-shadow:inset 0 0 0 3px #fff6ba,0 5px 0 #914916,0 9px 10px #92511335;font-size:6.2cqw;line-height:1;letter-spacing:-.3cqw;white-space:nowrap}.sort-button::before{content:'';position:absolute;top:15%;left:5%;height:13%;width:6%;background:#fff;opacity:.8;border-radius:50%;transform:rotate(-35deg)}.custard-button{border-color:#13735d;box-shadow:inset 0 0 0 3px #d6ffee,0 5px 0 #1d8a6a,0 9px 10px #92511335;background:linear-gradient(135deg,#eaffed,#68f3c8)}.sort-button.flash{transform:translateY(3px);filter:brightness(1.12)}.sort-button:disabled{cursor:default}.sort-button:disabled:not(.input-disabled){opacity:.9}
@keyframes idle-bob{50%{transform:translate(-50%,calc(-50% - 4px)) rotate(1deg)}}@keyframes arrive{from{transform:translate(-50%,calc(-50% - 18px));opacity:.8}to{transform:translate(-50%,-50%);opacity:1}}@keyframes depart{to{transform:translate(calc(-50% + var(--out)),calc(-50% - 30px)) rotate(22deg);opacity:0}}@keyframes steam{0%{transform:translateY(0) scale(.7);opacity:0}30%{opacity:.7}100%{transform:translateY(-80px) scale(1.6);opacity:0}}@keyframes feedback{0%{opacity:0;transform:translate(-50%,-10%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-100%)}}@keyframes fever-pop{to{transform:translateX(-50%) rotate(2deg) scale(1.05)}}
.overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:4.4%;background:#66301142;backdrop-filter:blur(3px)}.overlay.inactive{display:none}.modal{position:relative;width:100%;max-height:95%;overflow:auto;scrollbar-width:thin;background:linear-gradient(150deg,#fffdf0,#fff0d1);border:3px solid #8b421b;border-radius:30px;padding:6.5% 6%;box-shadow:inset 0 0 0 4px #fffdf2,0 9px 0 #60280b45,0 12px 30px #71351138;text-align:center}.modal-eyebrow{font-size:2.7cqw;color:#ad641e;letter-spacing:.1cqw}h2{font-size:5.6cqw;margin:2cqw 0 3cqw;letter-spacing:-.25cqw;line-height:1.4}.intro,.pause-modal p,.error-modal p{font-size:3cqw;color:#926342;line-height:1.9;margin:0 0 5cqw}form{text-align:left}label{display:block;font-size:2.8cqw;margin-bottom:1.5cqw}input{display:block;width:100%;border:2px solid #cea078;border-radius:13px;padding:2cqw 2.6cqw;background:#fffdf4;color:#64321b;font-size:3.6cqw;box-shadow:inset 0 2px 4px #875d2720;min-height:44px}input::placeholder{color:#bb9779}.primary-button,.secondary-button{display:block;width:100%;border:2px solid #8d441d;border-radius:16px;min-height:46px;padding:2.1cqw 2cqw;font-size:3.8cqw;box-shadow:inset 0 0 0 2px #fff2c0,0 4px 0 #a45a24;background:linear-gradient(#ffe993,#ffc34a);transition:filter .15s}.primary-button:hover{filter:brightness(1.05)}.primary-button:disabled{filter:saturate(.5);opacity:.7}.primary-button span{float:right}.text-button{background:none;padding:2.1cqw 1cqw;font-size:2.8cqw;color:#94603b;text-decoration:underline;text-underline-offset:4px}.start-modal>.text-button{margin-top:3cqw}.record-note{font-size:2.3cqw;color:#ac8565;margin:1.5cqw 0 0}.form-error{font-size:2.5cqw;color:#b0392a;min-height:3cqw;margin:1cqw 0 2cqw;line-height:1.5}.secondary-button{margin-top:3cqw;background:#fff6df;box-shadow:0 3px 0 #b58051}.close-button{position:absolute;right:3%;top:2%;width:8cqw;height:8cqw;border-radius:50%;background:#edd7b6;font-size:5cqw;line-height:1}.ranking-modal{padding:5% 5% 4%}.ranking-modal h2{font-size:4.8cqw;margin-bottom:2.5cqw}.ranking-label{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e7c9a1;padding:1.8cqw .5cqw;font-size:3cqw}.ranking-label span{font-size:2.2cqw;color:#a77c58}.rank-list{padding:0;margin:0;list-style:none}.rank-list li{display:grid;grid-template-columns:8cqw 1fr auto;gap:1cqw;align-items:center;text-align:left;padding:1.2cqw .5cqw;border-bottom:1px solid #edd7b8;font-size:2.7cqw;line-height:1.4;min-height:5.2cqw}.rank-list .position{font-size:2.8cqw;color:#ad7e4a}.rank-list li:nth-child(-n+3) .position{color:#cf891e}.rank-list .rank-nickname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list .rank-score{font-variant-numeric:tabular-nums;font-size:2.9cqw}.rank-list li.own{background:#ffe5a0;border-radius:7px}.rank-list li.empty{display:block;text-align:center;padding:6cqw 1cqw;font-size:2.8cqw;color:#a47853;line-height:1.8}.result-summary{margin-bottom:2cqw;background:#ffe9b6;border-radius:17px;padding:2cqw}.result-summary>p:first-child{font-size:2.7cqw;margin:0;color:#9f631f}.result-summary>strong{font-size:8cqw;letter-spacing:-.3cqw;font-variant-numeric:tabular-nums;color:#0f7154;line-height:1.35}.result-summary>span{font-size:3cqw;margin-left:1cqw}#resultDetails{font-size:2.1cqw;color:#9a6a41;margin:.4cqw}.own-rank{font-size:2.8cqw;margin-top:1cqw}.ranking-actions{margin-top:3cqw}.ranking-actions .text-button{padding-top:2cqw}.pause-modal h2{font-size:5cqw}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.game.paused .fish,.game.paused .steam{animation-play-state:paused}
@media(max-width:650px){body{background:#ffd595}.game{height:100svh;width:min(100vw,calc(100svh*.585));border:0;border-radius:0;box-shadow:none}.hud{top:max(1%,env(safe-area-inset-top));left:3%;right:3%}}@media(max-height:680px) and (min-width:651px){.game{height:calc(100svh - 12px);width:calc((100svh - 12px)*.585)}.overlay{padding:3%}.modal{padding:4% 5%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.feedback.show{opacity:1}}
/* Keep small-phone text readable and avoid iOS input-focus zoom. */
.modal-eyebrow{font-size:max(10px,2.7cqw)}
.intro,.pause-modal p,.error-modal p{font-size:max(12px,3cqw)}
label{font-size:max(12px,2.8cqw)}
input{font-size:max(16px,3.6cqw)}
.primary-button,.secondary-button{font-size:max(15px,3.8cqw)}
.text-button{font-size:max(11px,2.8cqw)}
.record-note{font-size:max(10px,2.3cqw)}
.form-error{font-size:max(10px,2.5cqw)}
.ranking-label{font-size:max(12px,3cqw)}
.ranking-label span{font-size:max(10px,2.2cqw)}
.rank-list li{font-size:max(11px,2.7cqw)}
.rank-list .position{font-size:max(11px,2.8cqw)}
.rank-list .rank-score{font-size:max(11px,2.9cqw)}
.rank-list li.empty{font-size:max(12px,2.8cqw)}
.result-summary>p:first-child{font-size:max(11px,2.7cqw)}
#resultDetails{font-size:max(10px,2.1cqw)}
.own-rank{font-size:max(11px,2.8cqw)}
.rank-button{min-width:44px;min-height:44px}

.score-panel strong.long{font-size:5.2cqw;letter-spacing:-.2cqw}

.score-panel.pending .stat-label::after{content:" · 확인중";font-size:1.8cqw;color:#b57932}

/* Queue motion never owns input state or waits for animation completion. */
.fish{transition:top 130ms cubic-bezier(.18,.75,.25,1),width 130ms cubic-bezier(.18,.75,.25,1)}
.fish.current{filter:drop-shadow(0 10px 4px #7e3b1830) drop-shadow(0 0 3px #fff7cf)}
.fish.queue-enter{animation:queue-enter 130ms ease-out}
@keyframes queue-enter{from{opacity:0;transform:translate(-50%,calc(-50% - 8px)) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.packing-stations{position:absolute;inset:0;pointer-events:none;z-index:5}
.pack-station{position:absolute;width:21%;bottom:calc(max(2%,env(safe-area-inset-bottom)) + max(14.8cqw,52px) + 2.8cqw);z-index:5;transform-origin:50% 90%}
.pack-left{left:.8%}.pack-right{right:.8%}
.pack-station>img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 3px #77431830)}
.pack-badge{position:absolute;left:50%;bottom:88%;transform:translateX(-50%);font-size:max(10px,2cqw);line-height:1.3;white-space:nowrap;background:#fff9e5;color:#90663a;padding:.55cqw 1.1cqw;border:1.5px solid #d4ac78;border-radius:15px;box-shadow:0 2px 0 #8b5a3230}
.pack-badge:empty{display:none}
.pack-spark{position:absolute;top:7%;left:46%;font-size:5cqw;color:#ffe056;opacity:0;text-shadow:1px 1px #a16b14;pointer-events:none}
.pack-active{animation:bag-catch 180ms ease-out}
.pack-done{animation:bag-catch 220ms ease-out}.pack-done .pack-badge{color:#287b51;border-color:#74b486;background:#f3ffe6}.pack-done .pack-spark{animation:pack-spark 450ms ease-out}
.pack-wrong{animation:bag-no 140ms ease-out}.pack-wrong .pack-badge{color:#b44131;border-color:#cc8577;background:#fff0e9}
#packFlights{position:absolute;inset:0;pointer-events:none}
.parcel-flight{position:absolute;left:var(--fly-x);top:var(--fly-y);width:var(--fly-w);transform:translate(-50%,-50%);z-index:6;opacity:.86;animation:pack-flight 180ms cubic-bezier(.18,.65,.3,1) forwards;pointer-events:none;will-change:transform}
.parcel-flight>img{display:block;width:100%;height:auto}
.parcel-reject{animation:pack-reject 160ms ease-out forwards;filter:drop-shadow(0 0 5px #ed6555)}
.parcel-reject::after{content:'×';position:absolute;right:16%;top:30%;font-size:8cqw;color:#fff2e6;text-shadow:2px 2px #b8402b,-2px -2px #b8402b;line-height:1}
@keyframes pack-flight{0%{transform:translate(-50%,-50%) scale(1);opacity:.86;z-index:6}55%{transform:translate(calc(-50% + var(--fly-dx)*.65),calc(-50% + var(--fly-dy)*.4 - 18px)) scale(.42) rotate(var(--fly-turn));opacity:.8;z-index:6}75%{z-index:6}100%{transform:translate(calc(-50% + var(--fly-dx)),calc(-50% + var(--fly-dy))) scale(.1) rotate(var(--fly-turn));opacity:0;z-index:4}}
@keyframes pack-reject{to{transform:translate(calc(-50% + var(--fly-dx)),calc(-50% + var(--fly-dy))) rotate(-9deg) scale(.72);opacity:0}}
@keyframes bag-catch{45%{transform:translateY(3px) scale(1.055,.96)}100%{transform:translateY(0) scale(1)}}
@keyframes bag-no{33%{transform:translateX(-3px)}66%{transform:translateX(3px)}100%{transform:translateX(0)}}
@keyframes pack-spark{0%{opacity:0;transform:translateY(0) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translateY(-20px) scale(1.2)}}
.game.paused .fish{transition:none}.game.paused .parcel-flight{display:none}
@media(prefers-reduced-motion:reduce){.fish,.parcel-flight,.pack-station,.pack-spark{animation:none!important;transition:none!important}.parcel-flight{display:none!important}.pack-done .pack-spark{opacity:0}}

.game.time-expired .fish{transition:none}

/* Site links stay accessible without changing the playfield's proportions. */
body{display:flex;align-items:center;height:auto;min-height:100svh;overflow:auto;flex-direction:column;padding:0}
.game{flex:none;margin:8px auto;height:min(calc(100svh - 84px),1050px);width:min(100vw,calc(min(calc(100svh - 84px),1050px)*.585))}
.arcade-home{position:absolute;left:-1cqw;top:-.5cqw;color:#6f3512;font-size:6cqw;text-decoration:none;line-height:1;z-index:3}
.shop-sign{margin-left:3cqw}
body>.gkacd-site-links{flex:none;margin:0 auto;padding:10px 12px;max-width:640px}
@media(max-width:650px){.game{margin:0 auto;height:calc(100svh - 72px);width:min(100vw,calc((100svh - 72px)*.585))}}

/* Shared arcade menu grammar from bread-stack: pale panels, gold actions,
   scrollable result body and a permanently reachable action footer. */
.modal{font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;border:1px solid #fff8;border-radius:22px;background:#f2f7fff5;color:#18365e;box-shadow:0 12px 30px #23477e25;padding:24px 20px}
.modal-eyebrow{color:#3d64a0;font-weight:800;font-size:12px;letter-spacing:.06em}
.modal h2{letter-spacing:-.06em}.modal .intro,.pause-modal p,.error-modal p{color:#516787}
.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:0;border-radius:12px;background:#ffc65c;color:#38250e;font-weight:800;font-size:16px;box-shadow:0 4px 0 #b77927}
.primary-button:active:enabled{transform:translateY(2px);box-shadow:0 2px 0 #b77927}
.secondary-button{min-height:44px;border:1px solid #849bc040;border-radius:12px;background:#e5edf8;color:#244f87;box-shadow:none;font-size:14px}
.menu-actions{margin-top:14px;display:grid;gap:10px}.menu-actions .secondary-button{margin:0}
.menu-home{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;margin-top:10px;border:1px solid #526e9640;border-radius:12px;background:#203d67;color:#d6e2f7;text-decoration:none;font-size:14px;font-weight:700;touch-action:manipulation}
.menu-home:focus-visible,.arcade-home:focus-visible{outline:3px solid #244f87;outline-offset:3px}
.arcade-home{display:flex;align-items:center;justify-content:center;left:-1cqw;top:-1cqw;min-width:44px;min-height:44px;padding:0 4px;font-size:max(11px,2.5cqw);border-radius:10px;background:#fff6e0b8;border:1px solid #98502035;font-family:system-ui,sans-serif;font-weight:700}
.shop-sign{margin-left:9cqw;font-size:3.9cqw}
.ranking-modal{display:flex;flex-direction:column;max-height:100%;overflow:hidden;padding:14px;min-height:0}
.ranking-modal[hidden]{display:none}.ranking-modal h2{flex:none;font-size:max(17px,4.4cqw);margin:5px 20px 12px}
.panel-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}
.ranking-actions{flex-shrink:0;margin-top:12px;padding-top:2px}.ranking-actions .text-button{min-height:36px;color:#244f87}.ranking-actions .menu-home{margin-top:4px}
.overlay{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}
@media(max-height:560px){.modal{padding:14px}.ranking-modal{padding:10px}.ranking-actions{margin-top:8px}.ranking-actions .primary-button,.ranking-actions .menu-home{min-height:40px}.ranking-actions .text-button{min-height:30px;padding:4px}}
.start-modal,.pause-modal,.error-modal{max-width:310px}
.play-guide{margin-top:18px;border-top:1px solid #849bc040;text-align:left;font-size:13px;line-height:1.7;color:#244f87;word-break:keep-all;overflow-wrap:anywhere}
.play-guide summary{min-height:44px;padding:12px 2px;cursor:pointer;font-weight:700}
.play-guide summary:focus-visible{outline:3px solid #244f87;outline-offset:3px}
.play-guide ul{margin:0;padding:0 0 0 18px}.play-guide li{margin:0 0 10px}