/* A game-native harbor lobby: bold ticket controls and a living character stage. */
html[data-game-state=ready] .topline{font-size:14px;color:#e5c56f}html[data-game-state=ready] .hud{display:none}
#overlay{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;align-items:flex-start;background:linear-gradient(180deg,#04102128,#051326e6 48%,#051326)}
html[data-graphics=next] .start-card,.start-card{width:100%;max-width:570px;height:auto;min-height:100%;padding:16px 24px 22px;justify-content:center;background:transparent!important;gap:0;flex-shrink:0}
.home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;width:calc(100% + 48px);min-height:240px;padding:0 24px;margin:-16px -24px 14px;overflow:hidden;background:linear-gradient(0deg,#07192d,transparent 70%),url('home-harbor.png') center 55%/cover}
.home-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06162fc9,transparent 80%)}
.home-title{text-align:left;z-index:1;min-width:0}.home-kicker{font:800 14px/1.2 'DM Sans',sans-serif;letter-spacing:1.5px;color:#efcb72}.start-card .home-title h1{font-size:clamp(44px,9vw,64px);line-height:.96;text-align:left;margin:12px 0 16px;text-shadow:3px 5px 0 #07182e;color:#f9eac2;letter-spacing:-.4px}.start-card .home-title h1 em{font-size:1em;color:#ffdb68}.home-control{display:inline-block;font:800 15px 'DM Sans',sans-serif;color:#04172c;background:#efcd77;border:2px solid #06172a;padding:7px 11px;transform:rotate(-2deg);box-shadow:3px 3px #041021}
.start-card .home-hero .portrait{width:190px;height:232px;min-height:0;flex:none;margin:0 0 -18px -14px;filter:drop-shadow(0 0 20px #f7ce7233)!important}.home-hero .portrait canvas{mask-image:none!important;-webkit-mask-image:none!important}
.start-card #start{min-height:62px;font-size:30px;border-radius:8px;background:linear-gradient(110deg,#ffe69d,#ffcf59)!important;color:#061c36;border:2px solid #eec466!important;box-shadow:0 5px 0 #94722c,0 12px 26px #0005!important;transform:none!important;letter-spacing:.7px}
.start-card #start-daily{flex-direction:row;justify-content:space-between;gap:12px;min-height:57px;padding:10px 16px;margin-top:14px;font-size:24px;background:#173d58;border:1px solid #75cbe187;color:#b8f2ff}.start-card #start-daily small{font:800 14px/1.25 'DM Sans',sans-serif;color:#b9ebee;max-width:140px;text-align:right}.start-card .daily-note{font-size:14px!important;color:#c4b181;line-height:1.4;margin:10px 0 14px!important}
.home-adventures{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.home-adventures button{min-height:82px;text-align:left;padding:13px;border:1px solid #b9a9e675;border-radius:9px;background:linear-gradient(140deg,#31305b,#172946);color:#e6d0ff;box-shadow:0 3px 0 #02101e}.home-adventures button:last-child{border-color:#ebc07270;background:linear-gradient(140deg,#53402b,#1e2b39);color:#ffe09a}.home-adventures span{display:block;font:900 23px/1 'Barlow Condensed',sans-serif;letter-spacing:.4px}.home-adventures b{display:block;font:600 14px/1.4 'DM Sans',sans-serif;margin-top:8px;color:inherit}.home-adventures button:hover{filter:brightness(1.16)}
.start-card .menu-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-top:13px;margin-top:14px;border-color:#cbb57938}.start-card .menu-nav a,.start-card .menu-nav button,html[data-graphics=next] .start-card .menu-nav a,html[data-graphics=next] .start-card .menu-nav button{font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:.4px;color:#e4cf9b;min-height:46px;background:#122e45;border:1px solid #bba36a5c;padding:8px 3px;border-radius:7px}
.player-button{font-size:15px;color:#ffe394;border-color:#d3b77666;background:#102b43}.brand{font-size:12px;color:#e9ce8d}.brand b{font-size:16px}.compact-footer,.compact-footer button{font-size:12px}
.world-dialog{width:min(760px,94vw);max-height:92svh;overflow:auto;background:#071c31;color:#f7eccd;border:2px solid #d8bf80;padding:24px;border-radius:14px;box-shadow:8px 8px #020b16;touch-action:pan-y}.world-dialog h2{font-size:40px;color:#ffe194;margin:8px 0 18px}.world-dialog p,.world-dialog label{font-size:16px;line-height:1.5;color:#c5d5df}.world-dialog input,.world-dialog select{width:100%;font:16px 'DM Sans',sans-serif;background:#102d43;color:#ffecb8;border:1px solid #7190a6;padding:12px;border-radius:7px;margin:6px 0 16px}.world-dialog [type=range]{padding:0;accent-color:#eac475}.world-dialog input[type=checkbox]{width:auto}.world-dialog button{min-height:44px}.world-dialog .comic-close{float:right}.world-dialog .eyebrow{font-size:14px}.world-dialog .dialog-status{color:#b9e6ef;font-size:16px}.world-dialog .dialog-status:empty{display:none}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.world-card{border:1px solid #b8a9e075;background:#102a43;border-radius:9px;overflow:hidden;min-width:0}.world-art{aspect-ratio:1.1;background-image:url('world-atlas.png');background-size:300% 200%;background-position:var(--wx,0%) var(--wy,0%)}.world-card-body{padding:14px}.world-card h3{font:900 27px/1.05 'Barlow Condensed',sans-serif;margin:0 0 10px;color:#f4dc9b}.world-card p{font-size:15px;line-height:1.45}.world-card button{font-size:20px}.world-tag{font:800 14px 'DM Sans',sans-serif;color:#b8f1e9}.album-art{background-image:url('journey-album.png');background-size:300% 200%;aspect-ratio:1.15;background-position:var(--wx,0%) var(--wy,0%)}.world-card.locked .album-art{filter:saturate(.2) brightness(.65)}.world-card.locked{border-color:#496475}.album-date{font-size:14px;color:#aee9d8}.album-total{font:900 32px 'Barlow Condensed',sans-serif;color:#ffe294}
.cup-row{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid #b4c7d32c;padding:15px 0}.cup-row button{font-size:17px;width:auto;min-width:80px}.cup-row b{font-size:18px;color:#f9dea0}.cup-row small{display:block;font-size:14px;color:#a8c9de;margin-top:5px}.cup-table{border-collapse:collapse;width:100%;font-size:16px;margin:16px 0}.cup-table th,.cup-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #d4ba7533}.cup-table td:last-child{font-weight:900;color:#ffe090}.cup-table .own{background:#274559}.cup-facts{display:flex;flex-wrap:wrap;gap:10px}.cup-facts span{padding:8px 11px;background:#203d50;color:#ceeadd;border-radius:6px;font-size:15px}.cup-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cup-controls button{flex:1;font-size:20px}.cup-invite-link{font-size:14px!important}.cup-winner{color:#ffe690!important;font-weight:800}.cup-form{border-top:1px solid #d5be8344;margin-top:24px;padding-top:18px}
.route-notice{position:absolute;left:50%;top:38%;transform:translateX(-50%);pointer-events:none;color:#ffdf92;background:#081a30d9;border:1px solid #cabb8744;padding:9px 14px;border-radius:8px;font:800 20px/1.2 'Barlow Condensed',sans-serif;text-align:center}.route-notice[hidden]{display:none}.mission-meter{position:absolute;top:15px;left:50%;transform:translateX(-50%);pointer-events:none;color:#ffe194;text-shadow:0 2px #07162a;font:900 22px 'Barlow Condensed',sans-serif}.mission-meter small{display:block;text-align:center;font:700 13px 'DM Sans',sans-serif;color:#aedcec}.mission-meter[hidden]{display:none}
.death-reason{background:#3a3044;border-left:3px solid #efa994;color:#ffdbbd!important;padding:10px;text-align:left;font-size:16px!important}.death-reason:empty{display:none}.replay-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.replay-controls label{font-size:15px;color:#e0d1ab}.replay-controls select{font-size:16px;min-height:44px;background:#183247;color:#ffe299;border:1px solid #7793a3;border-radius:7px}.replay-controls button{flex:1}.replay-dialog p{font-size:15px}.practice-dialog canvas{display:block;width:100%;height:auto;max-height:50svh;object-fit:contain;background:#081b31;border:1px solid #d2be88;border-radius:9px;touch-action:none}.practice-help{font-weight:700;color:#ffe196!important}.practice-actions{display:flex;gap:10px}.practice-actions button{flex:1}.unlock-dialog{text-align:center;width:min(430px,92vw)}.unlock-dialog canvas{width:200px;height:245px;margin:auto}.unlock-dialog .unlock-stamp{display:inline-block;background:#f7d881;color:#0b243a;font:900 25px 'Barlow Condensed',sans-serif;padding:8px 15px;transform:rotate(-3deg)}.world-settings label{display:block;margin:12px 0 6px}.world-settings output{color:#ffe299;font-weight:800}.end-card p,.end-card .save-status,.end-card #end-progress{font-size:14px}.end-card .result>span{font-size:14px}
@media(max-width:600px){.start-card{padding:12px 17px 18px}.home-hero{width:calc(100% + 34px);margin:-12px -17px 10px;padding:0 17px;min-height:205px}.start-card .home-hero .portrait{width:163px;height:200px;margin-left:-12px}.home-adventures span{font-size:22px}.start-card .menu-nav a,.start-card .menu-nav button,html[data-graphics=next] .start-card .menu-nav a,html[data-graphics=next] .start-card .menu-nav button{font-size:15px}.world-dialog{padding:18px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-card-body{padding:11px}.world-card h3{font-size:25px}.mission-meter{left:54%;font-size:18px}.cup-controls{flex-direction:column}}
@media(max-height:740px){.home-hero{min-height:175px}.start-card .home-hero .portrait{width:146px;height:179px}.start-card .home-title h1{font-size:46px}.start-card #start{min-height:54px;font-size:28px}.home-adventures button{min-height:72px}.start-card .daily-note{margin:8px 0!important}.start-card #start-daily{min-height:50px}.start-card .menu-nav{margin-top:10px;padding-top:10px}}
@media(prefers-reduced-motion:reduce){.home-control,.unlock-stamp{transform:none}.home-adventures button{transition:none}}

html[data-graphics=next] .start-card .home-title h1{font-size:clamp(44px,9vw,64px);line-height:.96;margin:12px 0 16px;color:#f9eac2}
html[data-graphics=next] .start-card .home-hero .portrait{width:190px;height:232px;flex:none;margin:0 0 -18px -14px}
html[data-graphics=next] .start-card #start{min-height:62px;font-size:30px}
html[data-graphics=next] .start-card #start-daily{font-size:24px;align-items:center;background:#173d58;color:#b8f2ff}
html[data-graphics=next] .start-card #start-daily small{font-size:14px;color:#b9ebee}
html[data-graphics=next] .start-card .portrait-hint{display:none}
.world-settings select,.world-settings input{width:100%;min-height:44px;background:#123049;color:#ffe499;font-size:16px;border:1px solid #6c8799;border-radius:6px;padding:8px}.world-settings input[type=range]{padding:0;accent-color:#ecc779}.world-settings p{font-size:14px!important}.unlock-dialog h3{font-size:28px;color:#ffe295}
html[data-world-quality=balanced] .home-hero{filter:none}html[data-world-quality=balanced] .world-card{box-shadow:none}
@media(max-width:600px){html[data-graphics=next] .start-card{padding:12px 17px 18px}html[data-graphics=next] .start-card .home-hero .portrait{width:163px;height:200px}html[data-graphics=next] .start-card .home-title h1{font-size:clamp(40px,9vw,54px)}}
@media(max-height:740px){html[data-graphics=next] .start-card .home-hero .portrait{width:146px;height:179px}html[data-graphics=next] .start-card .home-title h1{font-size:46px}html[data-graphics=next] .start-card #start{min-height:54px;font-size:28px}}

.end-card .flight-tip{font-size:15px;line-height:1.45;padding:10px 12px;border-left:3px solid #9bdef0;background:#102d42;color:#deeffa;margin:10px 0}.end-card .flight-tip[hidden]{display:none}

/* A visible install action keeps KB Arcade one tap away on supported browsers. */
.start-card .install-home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;width:100%;min-height:52px;margin:12px 0 0;padding:9px 14px;text-align:left;border:1px solid #e7bf6d99;border-radius:10px;background:linear-gradient(110deg,#593a66,#284b59);color:#fff0be;box-shadow:0 4px 0 #071629,0 8px 18px #0004;transition:filter .2s,transform .2s}
.start-card .install-home>span{grid-row:1 / span 2;display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffe59a99;border-radius:9px;background:#ffe49a;color:#17304b;font-size:23px;font-weight:900;line-height:1}
.start-card .install-home b{font:900 17px/1 'Barlow Condensed',sans-serif;letter-spacing:.5px}
.start-card .install-home small{font:500 12px/1.35 'DM Sans',sans-serif;color:#d7e8ed;margin-top:3px;overflow-wrap:anywhere}
.start-card .install-home:hover{filter:brightness(1.15);transform:translateY(-1px)}
.start-card .install-home:active{transform:translateY(2px);box-shadow:0 2px 0 #071629}
.start-card .install-home.install-home-hint{animation:install-home-pulse .9s ease-out}
@keyframes install-home-pulse{0%,100%{filter:brightness(1)}35%{filter:brightness(1.5);transform:scale(1.015)}}
@media(max-width:600px){.start-card .install-home{margin-top:10px;min-height:48px;padding:8px 12px}.start-card .install-home b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.start-card .install-home{transition:none}.start-card .install-home.install-home-hint{animation:none}}

/* Fantastic poison debuff: clear feedback without obscuring the flight lane. */
.poison-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 45%,transparent 38%,rgba(104,232,132,.08) 62%,rgba(28,190,103,.38) 100%);mix-blend-mode:screen;transition:opacity .2s}
.stage.poisoned .poison-vignette{opacity:1;animation:poison-vignette-pulse 1.15s ease-in-out infinite}
.poison-alert{position:absolute;left:50%;top:22%;z-index:6;transform:translateX(-50%);display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-width:min(310px,82%);padding:12px 16px;border:1px solid #a9f2a8aa;border-radius:12px;background:linear-gradient(135deg,#123f3bd9,#071c2eea);box-shadow:0 0 0 2px #163f3c88,0 10px 26px #0008;color:#eaffd8;text-align:left;animation:poison-alert-in .32s cubic-bezier(.2,.8,.2,1)}
.poison-alert-icon{grid-row:1 / span 2;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#75e69b2e;border:1px solid #9ff2ab99;color:#b8ffbd;font-size:24px;line-height:1;box-shadow:0 0 16px #5ae58e88}
.poison-alert strong{font:900 24px/1 'Barlow Condensed',sans-serif;letter-spacing:.8px;color:#baffc0}.poison-alert small{font:600 12px/1.25 'DM Sans',sans-serif;color:#d4f4d1;margin-top:4px}
.poison-debuff{position:absolute;left:0;top:72px;display:block;width:152px;padding:7px 9px;border:1px solid #9ce8a18c;border-radius:9px;background:linear-gradient(135deg,#123b3ade,#071b2de8);box-shadow:0 4px 14px #0006;color:#e7ffdf;text-align:left}
.poison-debuff-head{display:flex;align-items:center;gap:6px}.poison-debuff-head b{font:900 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.5px;color:#baf5b5;flex:1}.poison-debuff-head strong{font:900 18px/1 'Barlow Condensed',sans-serif;color:#f2ffd2}.poison-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#73dc9440;color:#baffc0;font-size:14px}.poison-debuff-track{height:4px;margin-top:6px;border-radius:4px;background:#b4e8bd2e;overflow:hidden}.poison-debuff-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8bf2a2,#e9f58c);transition:width .15s linear}.poison-debuff small{display:block;margin-top:5px;font:600 10px/1.15 'DM Sans',sans-serif;color:#c2e8cb}
@keyframes poison-vignette-pulse{0%,100%{filter:saturate(1);opacity:.7}50%{filter:saturate(1.45);opacity:1}}@keyframes poison-alert-in{from{opacity:0;transform:translate(-50%,-12px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:600px){.poison-debuff{top:68px;width:142px}.poison-alert{top:25%;padding:10px 13px}.poison-alert strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.stage.poisoned .poison-vignette,.poison-alert{animation:none}}

/* Keep the warning readable but out of the flight lane; the character carries the effect. */
.poison-vignette{display:none!important}
.poison-alert{top:13%;min-width:0;width:auto;padding:6px 10px;grid-template-columns:auto;display:block;border-radius:8px;background:#0c302bd9;box-shadow:0 4px 14px #0006;animation:poison-alert-in .22s ease-out}
.poison-alert-icon{display:none}.poison-alert strong{display:block;font-size:17px;letter-spacing:.5px}.poison-alert small{display:none}

/* Scope the status independently of the broadcast score typography. */
#poison-alert,#poison-vignette{display:none!important}
#hud #poison-debuff{position:absolute;left:0;top:76px;width:132px;padding:6px 8px;border:1px solid #9ce8a18c;font-style:normal;text-shadow:none;pointer-events:none}
#hud #poison-debuff::after{display:none}
#hud #poison-debuff .poison-debuff-head{gap:5px}
#hud #poison-debuff .poison-icon{font:14px/1 sans-serif;letter-spacing:0;width:18px;height:18px;color:#baffc0}
#hud #poison-debuff b{font:800 12px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.3px}
#hud #poison-debuff strong{display:block;font:800 18px/1 'Barlow Condensed',sans-serif;letter-spacing:0;color:#f2ffd2;text-shadow:none;animation:none}
#hud #poison-debuff small{display:none}
.stage.poisoned .power-hud{top:150px}


.install-dialog{width:min(430px,calc(100vw - 24px));text-align:center}.install-dialog h2{font-size:34px!important;margin-bottom:10px!important}.install-dialog-lead{font-size:15px;color:#c5d9e8;line-height:1.5}.install-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.browser-choice{min-height:150px;padding:16px 10px;border:1px solid #7898b766;border-radius:13px;background:#102a42;color:#eef7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.browser-choice:hover{filter:brightness(1.18);transform:translateY(-2px)}.browser-choice b{font-size:18px}.browser-choice small{font-size:12px;color:#bdd1df}.browser-chrome{border-color:#e7bd706e;background:linear-gradient(145deg,#253e57,#17243c)}.browser-safari{border-color:#68bde48c;background:linear-gradient(145deg,#174f70,#152b4b)}.browser-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#ffffff14}.browser-icon svg{width:42px;height:42px}.install-help{text-align:left;margin-top:20px;padding:16px;border-radius:13px;background:#091b30;border:1px solid #7b9ebc55}.install-help h3{font-size:23px;color:#ffe28b;line-height:1.1;margin:12px 0}.install-help ol{padding-left:22px;margin:0;color:#e1edf5}.install-help li{padding:7px 0;font-size:15px;line-height:1.45}.install-help p{font-size:13px!important;color:#afc4d4;margin:13px 0 0;line-height:1.5}.install-back{border:0;background:transparent;color:#9eddec;padding:5px 0;font-size:13px}.install-back:hover{text-decoration:underline}@media(max-width:380px){.install-choices{grid-template-columns:1fr}.browser-choice{min-height:110px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;padding:11px}.browser-choice .browser-icon{grid-row:1 / span 2}.browser-choice small{grid-column:2}}
