:root{--page:#f6f8fa;--surface:#fff;--surface-alt:#f0f4f7;--ink:#263b49;--muted:#6b7e8c;--line:#e1e8ed;--accent:#00afec;--accent-text:#007da7;--accent-soft:#e3f6fd;--on-accent:#073b4d;--green:var(--accent-text)}
:root[data-ui-theme=dark]{--page:#10191f;--surface:#18242d;--surface-alt:#20313d;--ink:#e4eef5;--muted:#a2b5c2;--line:#304351;--accent:#26bbed;--accent-text:#6bd6fa;--accent-soft:#123d50;--on-accent:#073343}
body{background:var(--page);color:var(--ink)}header{background:var(--surface);gap:16px;border-color:var(--line)}header>span{color:var(--muted)}.brand{color:var(--ink)}.brand:first-letter{color:var(--accent)}header #settings{margin-left:0}.themeToggle{margin-left:auto!important;font-size:19px;line-height:1}.round{background:var(--surface);border-color:var(--line);color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.intro small,footer>span{display:none}.intro h1{font-size:28px;letter-spacing:0}.intro h1 em{color:var(--accent-text)}.intro p,.date,.identity p,.xphead,.stats b{color:var(--muted)}.date b{color:var(--ink)}.home,.card,.youtube,dialog,#installDialog{background:var(--surface);border-color:var(--line);border-radius:18px;color:var(--ink)}.home .care{background:transparent;border-radius:0;border-color:var(--line)}.pill,.roomtop .ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.pill{color:var(--accent-text)}.ghost{color:var(--muted)}#speech,.scene[data-care] #speech,.scene[data-video-invite=true] #speech{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 4px 14px #0000000b}#speech:after{border-top-color:var(--surface)}.nextmatch,.nextmatch[data-near=true]{background:var(--surface-alt);border-color:var(--line);padding:14px 16px;border-radius:12px}.nextmatch .sectionhead small{color:var(--muted);font-size:10px;letter-spacing:0}.nextmatch h3{font-size:15px;color:var(--ink)}.nextmatch>b{color:var(--ink)}.identity h2 span{background:var(--accent-soft);color:var(--accent-text)}.level{color:var(--accent-text)}.track{background:var(--surface-alt)}.track i{background:var(--accent)}.rename,.nicknameSettings{background:var(--surface-alt);border-color:var(--line);color:var(--accent-text)}
.carebuttons .action,.carebuttons .action[data-action=pet],.carebuttons .action[data-action=clean]{background:var(--surface);border:1px solid var(--line);box-shadow:none;color:var(--ink);border-radius:12px}.carebuttons .action:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.carebuttons .action:active:not(:disabled){transform:translateY(1px)}.carebuttons .action .icon{color:var(--accent-text)}.carebuttons .action em{background:var(--accent-soft);color:var(--accent-text);font-size:13px}.carebuttons .action small,.carelimit,.growthhint,.dailycount,.carebuttons .action:disabled .dailycount{color:var(--muted)}.carebuttons .action:disabled{background:var(--surface-alt);opacity:.55}.carebuttons .action:disabled em{color:var(--muted);background:var(--surface)}progress::-webkit-progress-bar{background:var(--surface-alt)}progress::-webkit-progress-value,#hbar::-webkit-progress-value,#pbar::-webkit-progress-value,#cbar::-webkit-progress-value{background:var(--accent)}.quests #checkin{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}.quests #checkin em{background:var(--accent-soft);color:var(--accent-text)}.mission small,.sectionhead>span{color:var(--muted)}.mission em{color:var(--accent-text)}.matches p,.matches #matchstatus{color:var(--muted)}.matchrule{background:var(--surface-alt)}.matches a,.nextmatch a{color:var(--accent-text)}.win{background:var(--accent-soft);color:var(--accent-text)}.loss{background:var(--surface-alt);color:var(--muted)}.youtube{background:var(--surface);gap:12px}.yticon{background:var(--accent-soft);color:var(--accent-text)}.youtube small,.youtube p,.youtube #latestVideoNote{color:var(--muted)}.youtube #latestVideoTitle{color:var(--ink)}.youtube .watchofficial,.installPrimary,dialog button.save{background:var(--accent);color:var(--on-accent);font-weight:700}.watchofficial b{background:var(--surface);color:var(--accent-text)}#newVideoBadge{background:var(--accent-soft);color:var(--accent-text)}.youtube #youtube{color:var(--accent-text)}#speechVideo{background:var(--surface);border-color:var(--line);color:var(--accent-text)}#speechVideo b{color:var(--accent-text)}.bottom{background:transparent;border:1px solid var(--line);border-radius:12px}.bottom p,.rankingSyncStatus,footer{color:var(--muted)}.bottom button{color:var(--accent-text)}#toast{background:var(--ink);color:var(--page)}input{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}dialog::backdrop,#installDialog::backdrop{background:#08141dac}.themes button{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}.themes button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.uploadlabel,.localSaveNote{background:var(--surface-alt);color:var(--ink)}.uploadlabel input{background:var(--surface)}#nicknameHelp,#installDialog summary,#installInstructions ol,#installMessage,.installLater{color:var(--muted)}#installInstructions{border-color:var(--line)}#installDialog>small{display:none}#installDialog h2{color:var(--ink)}#videoDialog .videonote{color:var(--muted)}#videoDialog a,.adminLink{color:var(--accent-text)}#videoProgress::-webkit-progress-value{background:var(--accent)}.care-xp{background:var(--surface);color:var(--accent-text)}
.themeSettings{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.themeSettings h3{font-size:12px;margin-bottom:12px}.themeSettings button{padding:10px 20px;border:1px solid var(--line);border-radius:9px;background:var(--surface-alt);color:var(--muted);margin-right:8px}.themeSettings button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}
.adminDescription,.adminMain>small,.adminFootnote,#adminStatus{color:var(--muted)}.adminSummary,.rankingTableWrap{background:var(--surface);border-color:var(--line)}.adminSummary>div{color:var(--muted)}.adminSummary strong{color:var(--accent-text)}.adminSummary button,.rankingPaging button{background:var(--surface-alt);color:var(--ink);border-color:var(--line)}.rankingTable th{background:var(--surface-alt);color:var(--muted)}.rankingTable td{border-color:var(--line)}.rankingTable td:nth-child(3),.adminMain>a{color:var(--accent-text)}
:root[data-ui-theme=dark] .scene[data-theme=garden]{background:linear-gradient(#183244,#24485a 64%,#213d45 64%)}:root[data-ui-theme=dark] .scene[data-theme=garden] .sea{background:#345c68}:root[data-ui-theme=dark] .scene[data-theme=garden] .island{background:#4c6971}:root[data-ui-theme=dark] .scene[data-theme=garden] .sun{background:#cce8ef;box-shadow:0 0 25px #b4e6f219}:root[data-ui-theme=dark] .scene[data-theme=garden] .cloud{opacity:.15}@media(max-width:800px){.intro h1{font-size:23px}}@media(prefers-reduced-motion:no-preference){body,header,.home,.card,.youtube,dialog{transition:background-color .18s,color .18s,border-color .18s}}
.shareTrigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin:19px 0 0;padding:12px 14px;background:var(--surface-alt);color:var(--ink);border:1px solid var(--line);border-radius:11px;font-size:11px;text-align:left}.shareTrigger b{font-size:10px;color:var(--accent-text);white-space:nowrap}.shareTrigger:hover{border-color:var(--accent)}#shareDialog{max-width:740px;max-height:calc(100dvh - 28px);overflow:auto;background:var(--surface);color:var(--ink);padding:24px}#shareDialog h2{font-size:18px;margin:5px 35px 15px 0}#shareImage{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:12px;margin:15px 0}#shareGenerateStatus{font-size:11px;color:var(--muted)}.shareActions{display:flex;gap:9px;flex-wrap:wrap}.shareActions button{padding:12px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt);color:var(--ink);font-size:12px}#shareToX{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.shareBonus{font-size:12px!important;color:var(--accent-text)}#shareDialog .shareNote{font-size:10px;color:var(--muted);line-height:1.9}#shareNative{border-color:var(--accent);color:var(--accent-text)}

.brand{display:inline-flex;align-items:center;gap:10px}.teamLogo{display:block;width:42px;height:43px;flex:none}.brand:first-letter{color:inherit}

.intro .date{font-size:20px;font-weight:700;line-height:1.6;color:var(--ink);white-space:nowrap}.intro .date b{font-size:11px;font-weight:500;color:var(--muted)}@media(max-width:800px){.intro{flex-wrap:wrap;gap:16px}.intro .date{font-size:18px;margin-left:auto}}

.accessoryTrigger{display:block;margin:0 25px 14px auto;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--accent-text);font-size:12px;font-weight:700}.wave-accessory{position:absolute;pointer-events:none;z-index:3;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;filter:drop-shadow(0 2px 2px #0002)}.accessory-head{font-size:38px;left:68%;top:28%;transform:rotate(8deg)}.accessory-charm{font-size:29px;right:3%;top:68%;transform:rotate(-8deg)}#accessoryDialog{max-width:510px;max-height:85vh;overflow-y:auto}#accessoryDialog h2{font-size:20px;margin-right:35px}#accessoryLevel,#accessoryNext{color:var(--accent-text);font-size:12px}#accessoryChoices h3{margin:20px 0 10px}.accessoryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.accessoryGrid button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:95px;padding:10px 4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-alt);color:var(--ink);font-size:12px}.accessoryGrid button[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft)}.accessoryGrid button:disabled{opacity:.45;cursor:not-allowed}.accessoryGrid small,.accessoryNote{font-size:10px;color:var(--muted)}.accessoryEmoji{font-size:29px}

.teamLogo{filter:brightness(0)}:root[data-ui-theme="dark"] .teamLogo{filter:brightness(0) invert(1)}

#videoDialog a{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;box-sizing:border-box;margin-top:18px;padding:16px 20px;border-radius:12px;background:var(--accent);color:var(--on-accent);font-size:17px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none}#videoDialog a:hover{filter:brightness(.95)}

#waveTransferDialog{max-width:580px;max-height:85dvh;overflow-y:auto}#waveTransferDialog h2{margin-right:36px}#waveTransferDialog section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}#waveTransferDialog textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:85px;margin:8px 0 12px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt);color:var(--ink);font-size:16px}#waveTransferDialog label{display:block;font-size:12px}#waveTransferDialog button:not(.round){margin:4px 6px 8px 0;padding:12px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt);color:var(--ink)}#waveTransferDialog button.transferPrimary{background:var(--accent);color:var(--on-accent);font-weight:700}#waveTransferDialog button:disabled{opacity:.45}#waveTransferDialog input{max-width:100%}#waveTransferPreview{padding:12px;border-radius:10px;background:var(--accent-soft)}#waveTransferStatus{color:var(--accent-text)}

#settings{display:inline-flex;align-items:center;justify-content:center}#settings svg{display:block;flex:none}#settings:hover{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent)}

.installPlatformHint{color:var(--accent-text);font-weight:600}#installSteps li{margin:12px 0;line-height:1.8}#installSteps li::marker{color:var(--accent-text);font-weight:700}

.matchPlay{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:12px 18px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft);color:var(--accent-text);font:inherit;font-weight:700;cursor:pointer}.matchPlay[hidden]{display:none}.matchPlay:disabled{opacity:.5;cursor:default}#matchStreamDialog{width:min(760px,94vw);max-width:760px}#matchStreamDialog h2{padding-right:35px}#matchStreamMount iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px}#matchStreamExternal{display:inline-block;margin-top:14px;color:var(--accent-text)}
