.volume-setting{display:block;text-align:left;margin:8px 0 16px;color:#f3e6ff;font-size:13px}
.doodle-hint{font-size:12px;text-shadow:0 2px 3px #171129}.doodle-hint small{display:block;font-size:9px;margin-top:5px}
.graphics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.graphics-grid button{margin:0;min-height:70px}
body #panel>.prepare-overlay{width:min(700px,100vw);padding:12px 16px 20px;container-type:size}
.prepare-card{display:grid;gap:14px;max-width:440px;max-height:none;overflow:visible;padding:18px 16px}
.prepare-card .card-top{margin:0}.prepare-card h2{font-size:26px}
.prepare-guide{display:grid;gap:12px}
.prepare-card p{margin:0;font-size:13px;line-height:1.4}
.prepare-controls{padding:10px;border-radius:12px;background:#392d4c80}.prepare-controls b{display:block;color:#ffe6a2;font-size:13px;margin-bottom:6px}
.prepare-platforms{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:12px;color:#e7d9ed}
.prepare-card .prepare-warning{font-size:12px;color:#ffe0b6}
.prepare-actions{display:grid;gap:14px}
.prepare-card .bonuses{margin:0;gap:10px}.prepare-card .bonus{min-height:106px;padding:8px 5px}
.prepare-card .bonus-icon{font-size:26px;margin:0 0 4px}.prepare-card .bonus small{margin-top:4px}.prepare-card .ad-label{margin-top:6px}
.prepare-card .primary{min-height:52px;padding:10px;font-size:21px}
@container(max-height:560px){.prepare-card{padding:12px;gap:8px}.prepare-guide,.prepare-actions{gap:8px}.prepare-card h2{font-size:23px}.prepare-card p{font-size:12px}.prepare-controls{padding:7px}.prepare-card .bonus{min-height:94px;padding:6px 4px}.prepare-card .bonus-icon{font-size:23px}.prepare-card .bonus b{font-size:12px}}
@container(min-width:580px){.prepare-card{max-width:none;grid-template-columns:1fr 1fr;gap:12px 18px}.prepare-card .card-top{grid-column:1/-1}.prepare-actions{align-content:center}.prepare-guide{align-content:center}}
.achievement-help{font-size:12px!important;line-height:1.5}
.achievement-list{display:grid;gap:10px;margin:16px 0}
.achievement-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;text-align:left;border:2px solid #8b73a0;border-radius:16px;background:linear-gradient(120deg,#55416f,#352843);box-shadow:0 4px #211a31;color:#f2e7ff}
.achievement-card.earned{border-color:#edcf83;background:linear-gradient(120deg,#6a5839,#403343)}
.achievement-icon{font-size:29px;color:#ffe49c;width:32px;text-align:center;flex-shrink:0}
.achievement-body{flex:1}.achievement-body b{font-size:15px}.achievement-body small{display:block;font-size:10px;line-height:1.5;margin-top:5px;color:#e0d1ee}
.achievement-track{display:block;overflow:hidden;height:6px;border-radius:6px;background:#231b32;margin-top:9px}.achievement-track i{display:block;height:100%;background:linear-gradient(90deg,#a6d985,#ffe3a1)}
.volume-setting span{display:flex;justify-content:space-between;align-items:center}
.volume-setting output{color:#ffe291;font-weight:900;font-variant-numeric:tabular-nums}
.volume-setting input{width:100%;height:40px;margin:0;accent-color:#ffda75;cursor:pointer;touch-action:pan-y}
.home{height:100%;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));position:relative}
.home-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.record-pill{display:flex;align-items:center;gap:9px;background:#342944df;border:2px solid #8e7894;border-radius:24px;padding:8px 16px;box-shadow:0 3px #17112b80;font-weight:900;font-size:17px;color:#ffe097}
.record-pill small{display:block;color:#d9c8e3;font-size:8px;letter-spacing:1px}.record-pill .trophy{font-size:24px}
.score-sync{margin:12px 0;text-align:center;color:#f0e1f5;font-size:12px;line-height:1.4}
.score-sync .result-stats{margin:10px 0}.score-sync p{margin:8px 0}.score-sync .sync-note{font-size:11px;color:#dbc7e3}
.game-logo{margin:25px 0 0;text-align:center;transform:rotate(-5deg);filter:drop-shadow(0 7px 0 #211735);user-select:none}
.game-logo span{display:block;font-family:"Arial Black","Trebuchet MS",sans-serif;font-style:italic;font-weight:1000;letter-spacing:-4px;line-height:.87;font-size:clamp(57px,16vw,82px);color:#fff0ab;-webkit-text-stroke:2px #593442;paint-order:stroke fill;text-shadow:3px 3px #ce9650,-3px -2px #fff6c2,5px 5px #392345}
.game-logo span:last-child{color:#a6eaff;text-shadow:3px 3px #5c86bf,-3px -2px #e4fcff,5px 5px #392345;font-size:clamp(70px,19vw,98px);letter-spacing:-5px}
.game-logo .star{position:absolute;font-size:27px;color:#fff0af;left:13%;top:40%;-webkit-text-stroke:0;text-shadow:0 3px #a16b36;animation:twinkle 3s ease-in-out infinite}
.home-space{flex:1;min-height:65px}.home-bottom{position:relative}
.home .primary{min-height:70px;font-size:28px;letter-spacing:.5px}
.home-hint{text-align:center;font-size:11px;font-weight:900;color:#cfc0dc;text-shadow:0 2px #17112b;margin:16px 0 18px}
.home-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.home-nav button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;border:3px solid #30223f;border-radius:18px;background:linear-gradient(#9179b0,#66518a);box-shadow:inset 0 3px #bfa2cb,0 5px #3c284e;font-size:13px;letter-spacing:.5px;text-shadow:0 2px #3b294a}
.home-nav .nav-icon{font-size:29px;filter:drop-shadow(0 2px #402a4a)}.home-nav .skin-mini{width:47px;height:48px;object-fit:contain}
.bonuses{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 24px}
.bonus{position:relative;background:linear-gradient(#445e91,#394267);border:3px solid #282341;border-radius:17px;box-shadow:inset 0 2px #8b9cbe,0 4px #332440;padding:16px 8px 12px;text-align:center;min-height:132px}
.bonus .bonus-icon{display:block;font-size:35px;color:#ffe89b;text-shadow:0 3px #704f37;margin-bottom:8px}.bonus b{display:block;font-size:14px}.bonus small{display:block;margin-top:7px;font-size:10px;color:#d4cde9}.bonus.active{border-color:#b5e577;background:linear-gradient(#658b5a,#486741)}
.ad-label{display:inline-block;padding:4px 8px;margin-top:8px;border-radius:6px;color:#ffe0a1;background:#211d3d77;font-size:10px;font-weight:900}
.how-to{display:flex;justify-content:center;gap:12px;margin:16px 0;color:#e7dcf0}.how-to>div{background:#382b50;border:2px solid #91809e;border-radius:12px;padding:10px;width:50%;font-size:10px;font-weight:900}.how-to b{display:block;font-size:25px;color:#b4e5ff;margin-bottom:4px}
.skin-stage{position:relative;height:190px;margin:4px 0 12px;background:radial-gradient(ellipse at 50% 80%,#d0b7eb33,transparent 60%)}.skin-stage canvas{height:180px;width:180px;position:relative;z-index:1}.skin-stage::after{content:'';position:absolute;left:calc(50% - 65px);bottom:0;width:130px;height:20px;border-radius:50%;border:3px solid #392b4c;background:linear-gradient(#bfafd0,#807093);box-shadow:0 6px #3e3052}
.skin-swatches{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}
.swatch{width:48px;height:48px;min-width:48px;border:3px solid #392749;border-radius:14px;box-shadow:inset 0 2px #ffffff88,0 4px #30213b;font-size:18px}.swatch.selected{outline:3px solid #ffe6a2;outline-offset:3px}
.skin-progress{height:12px;border:2px solid #34253f;background:#352942;border-radius:20px;overflow:hidden;margin:12px 0 8px}.skin-progress span{display:block;height:100%;background:linear-gradient(#d1f397,#7ab35e)}
.skin-name{font-size:23px;font-weight:900;margin:12px 0 5px;text-shadow:0 2px #32213d}.skin-note{color:#e1d1e9;font-size:12px;min-height:34px}
.scores{padding:0;list-style:none;text-align:left;margin:18px 0}.scores li{display:flex;align-items:center;gap:12px;border:2px solid #382641;background:#3c2e50;border-radius:12px;padding:12px;margin-bottom:7px;font-size:13px;font-weight:900}.scores .rank{font-size:19px;color:#a899c3;width:28px}.scores li:first-child{background:linear-gradient(90deg,#867247,#51425e);border-color:#dcb372;color:#ffe6a9}.scores b{margin-left:auto;font-size:17px}.empty-score{padding:24px 5px;color:#d9cae6;line-height:1.7}
.setting{display:flex;align-items:center;justify-content:space-between;padding:16px 3px;border-bottom:1px solid #b8a0c333;font-size:16px;font-weight:900;gap:15px}.setting input{appearance:none;width:62px;height:34px;min-width:62px;border:3px solid #362242;border-radius:30px;background:#453452;position:relative;cursor:pointer}.setting input::after{content:'';position:absolute;width:24px;height:24px;left:2px;top:2px;border-radius:50%;background:linear-gradient(#eee0ef,#c1b1cf);box-shadow:0 2px #30213555}.setting input:checked{background:#86b756}.setting input:checked::after{left:30px;background:linear-gradient(#fff1c8,#ffdb86)}.setting input:focus-visible{outline:3px solid #ffe6a2;outline-offset:3px}.settings-help{font-size:11px!important;margin-top:24px!important}
.death-mark{font-size:48px;margin:5px;color:#b9a2d4;text-shadow:0 3px #3c264b}.result-stats{display:flex;gap:10px;margin:20px 0}.result-stats div{flex:1;background:#3c2b50;border:2px solid #92759e;border-radius:12px;padding:10px;font-size:10px;color:#d3bede}.result-stats b{display:block;color:#ffe4a8;font-size:20px;margin-top:4px}
@keyframes twinkle{50%{transform:rotate(15deg) scale(1.16)}}
@media(max-height:680px){.game-logo{margin-top:15px}.game-logo span{font-size:58px}.game-logo span:last-child{font-size:72px}.home .primary{min-height:58px;font-size:24px}.home-nav button{min-height:55px}.home-hint{margin:13px 0}.skin-stage{height:140px}.skin-stage canvas{height:140px;width:140px}.skin-swatches{margin:13px 0}.bonuses{margin:12px 0 18px}.bonus{min-height:108px;padding:10px 5px}.bonus .bonus-icon{font-size:27px}}