:root{color-scheme:dark;--bg:#0d0b16;--panel:#17131e;--gold:#e6bb66;--red:#be2639;--text:#f4eee3;--muted:#a399a8;--line:#3b303d;font-family:"Hiragino Sans","Yu Gothic","Meiryo",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#2b172b 0,#0d0b16 65%);color:var(--text);min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}.app{max-width:510px;margin:0 auto;padding:18px 18px max(12px,env(safe-area-inset-bottom))}.brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.model-tag{font-size:8px;letter-spacing:.28em;color:var(--gold)}h1{margin:2px 0;font-family:serif;font-weight:900;font-size:39px;letter-spacing:-.075em;text-shadow:0 2px 0 #70152a,0 4px 18px #9f25363b;line-height:1.1}h1 small{font-size:18px;color:var(--gold);margin-right:5px}.seal{writing-mode:vertical-rl;font-family:serif;font-size:11px;background:#b52034;color:#ffd97a;padding:4px 2px;letter-spacing:.12em;margin-left:10px;vertical-align:middle;border:1px solid #ed927b}.brand p{margin:6px 0 0;font-size:9px;letter-spacing:.19em;color:#c6b9be}.brand p span{font-size:8px;margin-left:10px;color:#746773}.icon-button{border:1px solid var(--line);background:#1b1620;color:var(--gold);width:38px;height:38px;border-radius:50%;font-size:21px}.icon-button.off{color:#776c7c}.machine{background:#0d0911;border:1px solid #ae8144;border-radius:12px;padding:7px;box-shadow:0 0 0 3px #261a24,0 0 0 4px #48303a,0 15px 70px #0008,inset 0 0 15px #000}.modebar{height:36px;display:flex;gap:10px;align-items:center;padding:0 8px;color:#c5b6ba;font-size:10px;border-bottom:1px solid #3d2934}.mode{font-size:11px;letter-spacing:.1em;display:inline-block;min-width:55px;text-align:center;padding:4px 9px;border-radius:3px;background:#222f39;border:1px solid #516575;color:#c2e4ef}.mode.kakuhen{background:#5c1a2a;border-color:#d87668;color:#ffcf88}.mode.jitan{background:#142e43;border-color:#5393b4;color:#acdfff}.rotation{margin-left:auto;font-size:9px}.rotation b{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;color:#f4dbba}.display{position:relative;overflow:hidden;border:1px solid #694a46;background:#0b0710;margin-top:6px;aspect-ratio:480/432}.display>canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.corner{position:absolute;border-color:#ffd982;width:15px;height:15px;pointer-events:none}.top-left{top:5px;left:5px;border-top:2px solid;border-left:2px solid}.top-right{top:5px;right:5px;border-top:2px solid;border-right:2px solid}.bottom-left{bottom:5px;left:5px;border-bottom:2px solid;border-left:2px solid}.bottom-right{bottom:5px;right:5px;border-bottom:2px solid;border-right:2px solid}.intro{position:absolute;inset:0;background:linear-gradient(180deg,#0e08136b,#100814bb 50%,#130816ed);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.intro-kicker{font-size:11px;letter-spacing:.2em;color:#e4cbac}.intro-logo{font-size:54px;letter-spacing:-.09em;font-family:serif;font-weight:900;color:#f5eee4;text-shadow:3px 3px #8d2033;margin:17px 0 7px}.intro-sub{font-size:11px;letter-spacing:.1em;color:#d7b68e}.start-button{border:1px solid #f4bf6c;background:linear-gradient(#bd3340,#831b2a);color:#ffe4ac;font-weight:700;padding:14px 24px;border-radius:4px;margin:25px 0 9px;box-shadow:0 3px 20px #b8283b50;min-height:48px}.start-button span{font-size:10px;margin-left:18px}.intro>small{font-size:9px;color:#ac8e8e}.holdbar{height:35px;display:flex;align-items:center;gap:10px;padding:0 7px;font-size:9px;color:#cbb4b5}.holds{display:flex;gap:7px}.hold{width:15px;height:15px;border-radius:50%;border:1px solid #554654;background:#241d2a;box-shadow:inset 0 0 4px #000}.hold.active{background:radial-gradient(circle at 35% 30%,#fff,#abbfd8 45%,#465b73);border-color:#bfd1e0;box-shadow:0 0 7px #bccaff55}.hold.red{background:radial-gradient(circle at 35% 30%,#ffd8c8,#e33d4b 45%,#9c122f);border-color:#ee7889;box-shadow:0 0 8px #ff314775}.hold.gold{background:radial-gradient(circle at 35% 30%,#fff8c5,#f4cc55 45%,#9b681f);border-color:#ffe39a}.hold.tea{background:radial-gradient(circle at 35% 30%,#cfff9d,#6a9642 45%,#36542d);border-color:#a8c686}.lamp{margin-left:auto;font-family:serif;font-size:10px;color:#6c553e;border:1px solid #49382e;padding:3px 6px;border-radius:2px}.lamp.lit{color:#fff2a6;background:#91662c;box-shadow:0 0 16px #e8bc6688;border-color:#f2ce79}.pace{color:#856e7e;font-size:8px}.ballfield-wrap{background:linear-gradient(90deg,#201723,#110c15,#201723);border:1px solid #382939;border-radius:4px;position:relative}.ballfield-label{position:absolute;top:5px;left:8px;right:8px;display:flex;justify-content:space-between;font-size:8px;color:#847083;pointer-events:none}.ballfield-wrap canvas{width:100%;display:block;aspect-ratio:480/174}.control-panel{padding:8px 4px 3px}.stroke-line{display:flex;align-items:center;gap:8px;margin:0 5px 9px;color:#98818c;font-size:8px}.stroke-line input{width:100%;accent-color:#d3a66d;height:13px}.controls{display:flex;gap:8px}.fire{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;background:linear-gradient(#ab283d,#75182b);border:1px solid #d17365;color:#ffddac;border-radius:5px;padding:9px 12px;box-shadow:inset 0 1px #ed8a7444;min-height:54px}.fire b{font-size:15px;letter-spacing:.1em}.fire small{display:block;font-size:8px;color:#e6b0a7;margin-top:3px}.fire-icon{font-size:25px;color:#f1c77d}.fire.firing{background:linear-gradient(#413d42,#242027);border-color:#77707d}.secondary{width:52px;background:#251b28;border:1px solid #54404d;border-radius:5px;color:#d8b680}.secondary b{font-size:14px;display:block}.secondary small{font-size:8px;display:block;margin-top:3px;color:#aa8e9e}.data-strip{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.3fr;margin:16px 0 12px;background:#18111bd9;border:1px solid #352535;border-radius:6px;padding:12px 0}.data-strip div{text-align:center;border-right:1px solid #3c2936}.data-strip div:last-child{border:0}.data-strip span{font-size:8px;color:#ae8e9e;display:block;margin-bottom:6px}.data-strip b{font-family:serif;font-size:23px;font-weight:500;color:#eed0a0;font-variant-numeric:tabular-nums}.data-strip small{font-size:8px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.bottom-nav button{background:#1e1521;border:1px solid #46303e;border-radius:5px;padding:9px 2px;color:#c8b3ba;font-size:9px;min-height:49px}.bottom-nav button span{display:block;font-size:17px;margin-bottom:4px;color:#d7ae77}.footer{font-size:8px;color:#89707e;margin:11px 0 0;text-align:center}.footer span{margin-left:10px;font-size:7px;letter-spacing:.18em;color:#796645}.push{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);width:98px;height:70px;border:3px solid #ffdc8f;background:linear-gradient(#dd4053,#801c34);border-radius:40%;color:#fff2c2;font-weight:900;font-size:22px;box-shadow:0 0 25px #ff8148aa,0 4px 0 #572030;animation:breathe .8s ease-in-out infinite}.push span{position:absolute;top:-16px;left:36px;font-size:18px;background:#211522;border:1px solid #d8a66f;padding:1px 5px}.push small{display:block;font-size:8px}.push[hidden],.demo-badge[hidden]{display:none}.demo-badge{position:absolute;top:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#321632d9;border:1px solid #ae79ab;padding:5px 9px;border-radius:3px;font-size:8px;color:#e8b6df}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:#382632f5;border:1px solid #c69d6b;color:#ffdfb8;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(460px,calc(100vw - 28px));max-height:85dvh;border:1px solid #8a6157;border-radius:12px;background:#19111e;color:#f4e6de;padding:20px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#08050ccc;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-heading h2{font-family:serif;font-size:22px;color:var(--gold);margin:0}.modal-heading .icon-button{width:32px;height:32px}.section-label{font-size:11px;color:#d1b38e;margin:20px 0 8px;letter-spacing:.06em}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #3b293b;font-size:12px}.setting-row small{display:block;margin-top:4px;color:#aa8e9f;font-size:10px;line-height:1.5}.setting-row label{flex:1}.setting-row select{max-width:160px;border:1px solid #6a4b5b;background:#2e2030;color:#f1d6b8;border-radius:4px;padding:9px 7px;font-size:11px}.setting-row input[type=range]{width:115px;accent-color:var(--gold)}.setting-row input[type=checkbox]{accent-color:var(--gold);width:22px;height:22px}.note{font-size:10px;color:#aa92a1;line-height:1.8;margin:12px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-grid div{background:#241827;border:1px solid #423042;border-radius:5px;padding:12px}.stat-grid span{display:block;color:#b39caa;font-size:10px}.stat-grid b{display:block;margin-top:6px;font-size:20px;color:#f2c684;font-family:serif}.table{width:100%;border-collapse:collapse;font-size:10px}.table th,.table td{padding:9px 5px;border-bottom:1px solid #402b3b;text-align:right}.table th:first-child,.table td:first-child{text-align:left}.table th{color:#b39aa5;font-weight:400}.table .good{color:#f5c47b}.chart{width:100%;height:160px;background:#120d17;border-radius:5px}.catalog-entry{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #3b2939}.catalog-icon{width:38px;height:38px;background:#312037;border:1px solid #4f364c;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#8c6f80;font-size:17px;flex-shrink:0}.catalog-entry.seen .catalog-icon{color:#f7cd85;background:#573025;border-color:#91674d}.catalog-entry b{font-size:12px;color:#dcc4c9}.catalog-entry p{font-size:10px;color:#a98e9e;margin:5px 0 0;line-height:1.6}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-grid button,.modal-action{border:1px solid #775052;background:#39212e;color:#f2d09f;border-radius:5px;min-height:46px;padding:11px 10px;font-size:12px}.modal-action{width:100%;margin:10px 0}.danger{color:#f3a19a;background:#371c29}.prob-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #362335;font-size:11px}.prob-row b{color:#e8c085;font-variant-numeric:tabular-nums}.progress{height:6px;background:#3b2336;border-radius:4px;overflow:hidden;margin:13px 0}.progress>div{background:#dfad65;height:100%;transition:width .15s}a{color:#e5be7e}.winning{animation:celebrate .6s ease-in-out 3}.shake{animation:shake .35s linear}.flash{position:absolute;inset:0;background:#fff2a0;pointer-events:none;opacity:0;z-index:5;animation:light .7s ease-out}@keyframes breathe{50%{box-shadow:0 0 45px #ffbd5799}}@keyframes shake{25%{transform:translateX(3px)}75%{transform:translateX(-3px)}}@keyframes celebrate{50%{box-shadow:0 0 30px #e6b86588}}@keyframes light{10%{opacity:var(--flash)}100%{opacity:0}}@media(max-width:390px){.app{padding:12px 11px}.brand{margin-bottom:12px}h1{font-size:35px}.brand p{font-size:8px}.brand p span{display:none}.data-strip{margin:13px 0 10px;padding:9px 0}.data-strip b{font-size:21px}.footer{font-size:7px}.pace{display:none}}@media(min-width:760px){.app{padding-top:28px}.brand{margin-bottom:22px}.machine{border-radius:14px}.footer{margin-top:17px}}@media(prefers-reduced-motion:reduce){.push,.winning,.shake{animation:none}}
.modal-heading{position:sticky;top:-20px;z-index:2;background:#19111e;padding:15px 0 10px;margin-top:-5px;border-bottom:1px solid #402b3b}.mode.bonus{background:#603122;border-color:#c98b5b;color:#ffe2a5}
/* A single full playfield with the LCD mounted inside its frame. */
.playfield{position:relative;aspect-ratio:480/700;overflow:hidden;border-radius:48px 48px 5px 5px;margin-top:5px;background:#241421}
.playfield>#balls{display:block;width:100%;height:100%;pointer-events:none}
.playfield>.display{position:absolute;left:15.625%;top:10.85714%;width:68.75%;aspect-ratio:480/432;margin:0;border:2px solid #9e724c;border-radius:5px;box-shadow:0 0 0 2px #24151f,inset 0 0 15px #000}
.playfield>.holdbar{position:absolute;left:15.625%;top:53.2857%;width:68.75%;height:4.42857%;padding:0 3px;gap:5px;background:linear-gradient(#271521,#190f1a);border-bottom:1px solid #875b45;font-size:8px}
.hold-label{flex:none;font-size:7px;line-height:1.1}.hold-label small{display:block;color:#dbaf7a;font-size:7px;margin-top:3px;font-variant-numeric:tabular-nums}
.holds{display:flex;gap:2px;align-items:center;flex:1;justify-content:center;min-width:0}
.hold,.hold.active,.hold.red,.hold.gold,.hold.tea{width:clamp(14px,4vw,20px);height:15px;flex:none;border:0;border-radius:0;background:none;box-shadow:none;position:relative}
.hold svg{width:100%;height:100%;display:block;opacity:.24;filter:saturate(.25)}
.hold.active svg{opacity:1;filter:drop-shadow(0 0 2px #ffd9bc66)}
.hold.red svg{filter:sepia(.4) saturate(3) hue-rotate(310deg) drop-shadow(0 0 3px #ff465c)}
.hold.gold svg{filter:sepia(1) saturate(3) drop-shadow(0 0 3px #ffdd76)}
.hold.tea svg{filter:sepia(.7) saturate(2) hue-rotate(50deg) drop-shadow(0 0 2px #9ecc65)}
.lamp{margin-left:0;font-size:7px;padding:3px;flex:none}.board-status{display:flex;justify-content:space-between;padding:1px 4px 7px;color:#c8acaa;font-size:8px}.pace{font-size:8px}
.control-panel{padding:9px 5px 3px;border:1px solid #6b4c45;border-radius:8px;background:linear-gradient(135deg,#28202b,#100b13);box-shadow:inset 0 1px #c4957544}
.console{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:3px 3px 8px}
.tray{border:1px solid #998783;border-radius:12px;background:#070810;padding:9px 7px 6px;width:38%;text-align:center;box-shadow:inset 0 0 12px #000}
.tray>span{font-size:8px;color:#d5b579}.tray>b{display:block;font-family:serif;color:#ffe0a1;font-size:20px;margin:4px 0}.tray>b small{font-size:8px}
.tray-balls{height:20px;border-radius:0 0 5px 5px;background:radial-gradient(circle at 3px 3px,#eaf1fc 0 1px,#768399 2px,transparent 3px) 0 0/7px 7px;opacity:.75;margin:1px 0 6px}
.lend{display:block;width:100%;border:1px solid #8fafc2;background:linear-gradient(#48677a,#20364b);color:#e8f4ff;border-radius:5px;padding:7px 0;font-size:8px;min-height:36px}.lend b{font-size:10px;margin-left:3px}.lend small{font-size:7px;display:block;margin-top:2px;color:#c5dbe5}
.aux-controls{display:flex;flex-direction:column;gap:8px}.secondary{height:44px;width:46px}.secondary b{font-size:12px}.secondary small{font-size:7px}
.fire{position:relative;flex:none;display:flex;justify-content:center;align-items:center;width:105px;height:105px;padding:5px;border-radius:50%;border:5px solid #76828b;background:radial-gradient(circle at 40% 28%,#f3ebe3,#b5bdc6 28%,#707885 58%,#1d2632 75%);color:#fff7e9;box-shadow:0 0 0 4px #1c1822,inset 0 0 0 2px #3b4451,inset 0 0 12px #000;touch-action:none;user-select:none}
.fire::before{content:'';position:absolute;inset:-10px;border:3px solid transparent;border-left-color:#c29b5e;border-bottom-color:#c29b5e;border-radius:50%;transform:rotate(var(--stroke,86deg));pointer-events:none}
.fire>span:last-child{position:relative;text-align:center;text-shadow:0 1px 3px #000,0 0 3px #000}.fire b{font-size:10px;letter-spacing:0}.fire small{font-size:7px;color:#fff0da;margin-top:6px}
.handle-grip{position:absolute;left:1px;top:44px;width:17px;height:8px;border-radius:6px;background:#fff1d8;box-shadow:0 0 4px #fff7c0;transform-origin:46px 0;transform:rotate(var(--stroke,86deg));pointer-events:none}
.fire.firing{background:radial-gradient(circle at 40% 28%,#ffe1bc,#d89d68 28%,#956355 58%,#412636 75%);border-color:#d2a477}.fire.firing::before{border-left-color:#ffde8c;border-bottom-color:#ffde8c;filter:drop-shadow(0 0 4px #f6b848)}
.stroke-line{margin:8px 3px 4px;gap:7px}.stroke-line input{height:17px}
.playfield .intro-kicker{font-size:8px}.playfield .intro-logo{font-size:clamp(32px,10vw,46px);margin:10px 0 7px}.playfield .intro-sub{font-size:8px;letter-spacing:0}.playfield .start-button{margin:15px 0 8px;padding:10px 12px;font-size:11px;min-height:43px}.playfield .start-button span{margin-left:10px}.playfield .intro>small{font-size:7px}.playfield .corner{width:10px;height:10px}.playfield .demo-badge{font-size:6px;padding:4px 5px;top:7px}.playfield .push{width:75px;height:56px;font-size:18px;bottom:25px}.playfield .push span{left:24px;font-size:13px;top:-14px}.playfield .push small{font-size:6px}
.finance-strip{display:flex;justify-content:space-between;align-items:center;padding:0 4px;margin:-3px 0 13px;font-size:9px;color:#af94a1;gap:7px}.finance-strip b{font-weight:600;color:#e3c49b;margin-left:4px;font-variant-numeric:tabular-nums}.finance-strip small{font-size:7px;color:#8e7988}.finance-strip .positive{color:#e8cc76}.finance-strip .negative{color:#d78a98}.finance-data{display:flex;gap:15px;padding:16px 0 4px;font-size:10px;color:#c9acb9}.finance-data b{display:block;margin-top:4px;color:#f2c684}
@media(max-width:370px){.console{gap:8px}.fire{width:95px;height:95px;border-width:4px}.handle-grip{top:39px;transform-origin:41px 0}.tray>b{font-size:18px}.hold,.hold.active{width:14px}.playfield>.holdbar{gap:3px}.lamp{font-size:6px;padding:2px}.finance-strip small{font-size:6px}}
/* Ocean palette; preserve the complete playfield, tray, handle and mobile frame. */
:root{--bg:#06243d;--panel:#0b3653;--gold:#ffe4a0;--red:#ef6487;--text:#edfaff;--muted:#a2c6d6;--line:#285a74}
body{background:radial-gradient(ellipse at 50% 5%,#164f72,#06243d 58%,#061c31)}
.model-tag{color:#8de7f2}h1{font-size:32px;letter-spacing:-.045em;color:#e8fbff;text-shadow:0 2px #197aac,0 4px #093856,0 0 20px #53cbe633}.seal{background:#1c839a;border-color:#84d7db;color:#fff4bf}
.brand p{color:#c0e2ec}.brand p span{color:#6ca5bd}.icon-button{background:#0d344e;border-color:#306985;color:#ffdf95}.icon-button.off{color:#6f9cad}
.machine{background:#092b45;border-color:#d4bd8d;box-shadow:0 0 0 3px #144b65,0 0 0 4px #639eb0,0 15px 65px #0006,inset 0 0 15px #05233c}
.modebar{border-color:#22526e;color:#b7dee9}.mode.normal{background:#134d69;border-color:#499fbb;color:#d6f8ff}.mode.kakuhen{background:#185977;border-color:#66d1dc;color:#ffec9f}.mode.jitan{background:#0d4877;border-color:#4ca9d2;color:#c2f3ff}.rotation b{color:#e3faff}.mode.bonus{background:#75622a;border-color:#ffe4a0;color:#fff5c9}
.playfield{background:#176585}.playfield>.display{border-color:#8bc7cc;box-shadow:0 0 0 2px #184e66,inset 0 0 15px #104267}.display{background:#126c9c}.corner{color:#d2fcff}
.playfield>.holdbar{background:linear-gradient(#134767,#0b3453);border-color:#669dab}.hold-label small{color:#bef3ff}.lamp{color:#76a1b2;border-color:#487889;background:#143e55}.lamp.lit{background:#aa9859;color:#fff8c7;border-color:#fff4bd;box-shadow:0 0 14px #ffffa099}
.intro{background:linear-gradient(#083a6744,#06436c99 50%,#062845d9)}.intro-kicker{color:#d3faff}.intro-logo{color:#e4fbff;text-shadow:2px 2px #176aa7,-1px -1px #fff4be}.playfield .intro-logo{font-size:clamp(25px,8vw,39px);letter-spacing:-.05em}.intro-sub{color:#c9f5f8}.intro>small{color:#a9d9e2}.start-button{background:linear-gradient(#2bb9bd,#0a7c9d);border-color:#c3f8ed;color:#f2ffff;box-shadow:0 3px 20px #40cfce44}
.control-panel{border-color:#558ca5;background:linear-gradient(135deg,#173e55,#0a223b);box-shadow:inset 0 1px #84c6d444}.board-status{color:#add8e4}.pace{color:#bceaf3}.tray{background:#071d32;border-color:#6b9db0}.tray>span{color:#a9dce8}.tray>b{color:#eafaff}.secondary{background:#153a56;border-color:#3d738e;color:#e2f6fa}.secondary small{color:#8dbdce}.fire.firing{background:radial-gradient(circle at 40% 28%,#c1fffb,#79cfda 28%,#398495 58%,#18344c 75%);border-color:#a3e7ed}.fire.firing::before{border-left-color:#e5ffff;border-bottom-color:#8be9e3;filter:drop-shadow(0 0 4px #50f1e5)}
.data-strip{background:#0c3149;border-color:#285a73}.data-strip div{border-color:#2d5e72}.data-strip span{color:#a0c6d5}.data-strip b{color:#e5f7fc}.finance-strip{color:#8dbccf}.finance-strip b{color:#bce8f3}.finance-strip small{color:#658da7}.finance-strip .positive{color:#e8f3a9}.finance-strip .negative{color:#f5a7ba}.bottom-nav button{background:#10364f;border-color:#30637e;color:#c9eaf3}.bottom-nav button span{color:#a8ebed}.footer{color:#83afc3}.footer span{color:#78a6bc}
dialog{background:#0d2d47;border-color:#609aac;color:#e4f8fc}.modal-heading{background:#0d2d47;border-color:#32596f}.section-label{color:#b7e8ef}.setting-row,.catalog-entry{border-color:#2c5068}.setting-row small,.note,.catalog-entry p{color:#98bccd}.setting-row select{background:#173d56;border-color:#467a92;color:#d5f6fc}.stat-grid div{background:#11384f;border-color:#285b75}.stat-grid span,.table th{color:#9bc4d5}.stat-grid b,.prob-row b{color:#c5f3f8}.table th,.table td,.prob-row{border-color:#29536b}.table .good{color:#ffeca9}.chart{background:#09233a}.catalog-entry b{color:#cfeef7}.catalog-icon{background:#183c55;border-color:#366780;color:#6da2b8}.catalog-entry.seen .catalog-icon{background:#21536b;border-color:#6eb7c5;color:#ffecb8}.demo-grid button,.modal-action{background:#17455e;border-color:#47859a;color:#dcf8ff}.danger{background:#51324b;color:#ffbdcd}.finance-data{color:#add6e4}.finance-data b{color:#d1f7ff}.toast{background:#15455af5;border-color:#76bbce;color:#dcfbff}.push{background:linear-gradient(#ed789c,#b74c80);border-color:#fff4be;box-shadow:0 0 25px #61ece399,0 4px #61305c}.push span{background:#10485f;border-color:#9edee4}.progress{background:#1d4963}.progress>div{background:#77e6df}a{color:#a1e8f0}.flash{background:#c8ffff}
.round-song{display:block;width:100%;margin:10px 0;background:#174862;border:1px solid #5ebfc8;border-radius:5px;color:#d9fcff;padding:12px;min-height:46px;font-size:12px}.mode-tabs{display:flex;gap:5px;margin-top:12px}.mode-tabs button{flex:1;border:1px solid #336780;border-radius:5px;background:#10364f;color:#a9d5e4;min-height:42px;font-size:10px}.mode-tabs button.active{background:#1a7186;color:#edffff;border-color:#84e4dd}.island-flash{animation:celebrate .45s ease-in-out 4}
@media(max-width:390px){h1{font-size:29px}.seal{font-size:9px;margin-left:7px}}@media(max-width:370px){h1{font-size:27px}.brand p{font-size:8px}}