.shell-page{--bg:#2d1b2d;--panel:#45243d;--line:#80506c;--text:#fff3dc;--muted:#e0bfc0;--mint:#a9e0b4;--red:#ff9c7c;--yellow:#ffe19a;background:radial-gradient(ellipse at 80% 0%,#753f5d 0,#2d1b2d 62%);min-height:100vh}
.shell-page .site-header{background:#291b32e8;border-bottom-color:#744862}.shell-page .brand-symbol{background:#ffad76;color:#47263b;box-shadow:3px 3px 0 #8a4b62}.shell-page .brand b{color:#ffbd83}.shell-page .language select{background:#4a2742;border-color:#98627a}.shell-page .private-label{border-color:#80516e}
.shell-page .game-heading{color:#e0bfc0}.shell-page .back-link:hover{color:#ffe19a}.shell-page .game-shell{border:2px solid #9c6075;border-radius:22px;background:#45243d;box-shadow:0 24px 70px #160d1e99}.shell-page .arcade-layout{grid-template-columns:minmax(0,480px) minmax(240px,1fr);gap:48px}
.shell-page .scorebar{height:76px;background:#5a2c4a;border-bottom-color:#98627a;gap:12px}.shell-page .live-score strong{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;font-size:32px;color:#fff3dc}.shell-page .live-score>span:first-child{font-size:12px}.shell-page .stage-label{display:flex;flex-direction:column;align-items:center;line-height:1.1;min-width:60px}.shell-page .stage-label>span{font:11px monospace;color:#e0bfc0;text-transform:uppercase}.shell-page .stage-label strong{font:800 22px ui-rounded,system-ui,sans-serif;color:#ffe19a;font-variant-numeric:tabular-nums}.shell-page .stage-label small{font-size:10px;color:#e0bfc0;margin-top:-2px}.shell-page .icon-btn{background:#713657;border-color:#b37b88;border-radius:10px;min-width:43px;height:43px}.shell-page .game-tools .icon-btn:first-child{width:58px}.shell-page .sound-state{font-size:10px}
.shell-page .arena{height:min(560px,64svh);min-height:340px;background:#ef8a71}.shell-page .overlay{background:#2b163bd9;backdrop-filter:blur(3px)}.shell-page .overlay>div{max-width:335px}.shell-page .overlay h1,.shell-page .overlay h2{color:#fff3dc}.shell-page .start-tag{color:#ffe0a6}.shell-page .eyebrow{color:#e0bfc0}.shell-page .button{border-radius:12px;min-height:48px}.shell-page .primary{background:#ffe19a;color:#4d2637;box-shadow:0 3px 0 #b56668}.shell-page .text-button{color:#fff0ca}.shell-page .result-time strong{font-family:ui-rounded,system-ui,sans-serif;color:#fff0ca}.shell-page .result-time>span{color:#e0bfc0}.shell-page .best-message{color:#ffe19a}
.shell-page .controlbar{justify-content:center;background:#3b2140;border-top:1px solid #98627a;padding:11px 14px}.shell-page .controlbar p{color:#ffe7c3;margin:0;font-size:13px}.shell-page .controlbar p::before{content:'↗  ';color:#ffbd83}.shell-page .collection{border-color:#80506c}.shell-page .game-tile{background:#45243d;border-color:#80506c;border-radius:14px}.shell-page .game-tile:hover{border-color:#ffe19a}.shell-page .game-tile h3{font-size:18px}.shell-page footer{border-color:#80506c}.shell-page .side-panel{padding-top:7px}.shell-page .intro h2{font-size:32px;line-height:1.45}.shell-page .intro>p{font-size:15px;color:#e0bfc0}.shell-page .best-panel,.shell-page .howto{border-color:#80506c}.shell-page .best-row strong{font-family:ui-rounded,system-ui,sans-serif;color:#fff0ca}.shell-page .clean-dot{background:#ffad76}.shell-page .howto li::marker{color:#ffe19a}.shell-page .howto ol{color:#e0bfc0}.shell-page #share-fallback{color:#e0bfc0}
.shell-badge{width:92px;height:70px;border-radius:48% 48% 45% 45%;background:#86a66b;border:3px solid #d7df9b;margin:0 auto 16px;position:relative;box-shadow:inset 9px 7px 0 #f5f0bd44,0 9px 0 #1b102455}.shell-badge::before{content:'💥';position:absolute;right:-27px;top:-20px;font-size:32px;transform:rotate(12deg)}.shell-badge::after{content:'';position:absolute;right:-17px;top:20px;width:29px;height:26px;border-radius:50%;background:#9abf7e;border:3px solid #d7df9b}.shell-card .card-scene{background:linear-gradient(160deg,#813f61,#ef906f 62%,#ffd08d);overflow:hidden}.shell-card .card-scene::before{content:'💥';position:absolute;right:13%;top:13%;font-size:32px;transform:rotate(12deg);filter:drop-shadow(0 0 5px #fff2ba)}.shell-card-turtle{position:absolute;left:35%;bottom:15%;font-size:52px;transform:rotate(-12deg);filter:drop-shadow(3px 5px 0 #61334c)}.shell-card-block{position:absolute;right:13%;bottom:19%;width:30px;height:25px;background:#d39a56;border:3px solid #ffe2a1;transform:rotate(7deg);box-shadow:-35px 14px 0 #77889a,-18px -17px 0 #c87b4e}
@media(max-width:760px){.shell-page .scorebar{height:67px;padding:8px 10px;gap:7px}.shell-page .live-score{min-width:0}.shell-page .live-score strong{font-size:26px}.shell-page .live-score>span:first-child{font-size:10px}.shell-page .stage-label{min-width:43px}.shell-page .stage-label>span{font-size:9px}.shell-page .stage-label strong{font-size:19px}.shell-page .game-tools{gap:4px}.shell-page .game-tools .icon-btn:first-child{width:46px;min-width:46px}.shell-page .game-tools .pause-btn{width:35px;min-width:35px}.shell-page .arena{height:min(115vw,calc(100svh - 326px));min-height:325px}.shell-page .overlay{padding:15px}.shell-page .overlay>div{max-width:295px}.shell-page .overlay h1{font-size:25px;line-height:1.3;margin:3px 0 8px}.shell-page .start-tag{font-size:14px;margin-bottom:12px}.shell-page .start-keys{font-size:12px;margin-top:9px}.shell-page .result-time strong{font-size:44px}.shell-page .best-message{font-size:13px;margin-bottom:9px}.shell-page .side-panel{display:block}.shell-page .best-panel{margin-top:20px;padding-top:18px}.shell-page .howto{margin-top:18px;padding-top:20px}.shell-page .howto ol{font-size:14px}.shell-page .collection{margin-top:28px}.shell-page .controlbar{padding:8px 9px}.shell-page .controlbar p{font-size:11px}.shell-page .game-tile{padding:15px}.shell-page .game-tile h3{font-size:17px}.shell-badge{transform:scale(.82);margin-bottom:0}}
@media(max-height:700px) and (max-width:760px){.shell-page .arena{min-height:315px}.shell-page .overlay{padding:10px}.shell-page .overlay h1{font-size:22px}.shell-page .start-tag{margin-bottom:7px}}

/* Rule 2: the play area is a top-down green field, not a side-view landscape. */
.shell-page .arena{background:#173243}.shell-page .controlbar{background:#244653}.shell-page .controlbar p::before{color:#d5df9b}.shell-page .stage-label strong{color:#f5e3a2}