:root{--gold:#dfbd52;--orange:#db8b55;--highlight:#ffe65e;--aisa-pink:#ef9abf;--deep-red:#8f1826;--coffee:#704733}
/* Character colors and readable highlights */
.hero-copy h1 .name-shushu,.world-copy h2 .name-shushu{color:#f3cf42}
.hero-description .name-shushu{color:#f3cf42}.name-aisa{color:#e88bb4}
.dashboard-main h2 span{background:linear-gradient(transparent 46%,#ffeb66 46%,#ffeb66 91%,transparent 91%);padding:.02em .12em}
.pixel-heart{background:#c92135!important;color:#fff!important}
.ticker{overflow:hidden;width:100%;max-width:100vw}.ticker span{color:#fff!important;white-space:nowrap;display:inline-block;animation:ticker-scroll 24s linear infinite}
@keyframes ticker-scroll{to{transform:translateX(-50%)}}
.section-heading>p{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.8;font-weight:600}
.section-heading h2 span{display:inline-block;background:#ffe65e;color:var(--ink);border-radius:999px;padding:.02em .18em;transform:rotate(-2deg)}
.services .service-grid{box-shadow:0 16px 38px #d6ae43aa}
.service-card a{color:#fff!important}
.project-copy{background:linear-gradient(135deg,#fff8e8,#ffe8c8 48%,#f7d7d9)!important;background-image:repeating-linear-gradient(45deg,transparent 0 22px,#9f29240b 22px 24px),linear-gradient(135deg,#fff8e8,#ffe8c8 48%,#f7d7d9)!important}
.project-copy>.tag{background:#fff;color:var(--orange);border:1px solid var(--orange)}
.project-copy h2 span{color:var(--deep-red)!important}
.project-stamp{background:#f5e8cf!important;color:#a51f2b!important}
.project-copy .button{background:#fff!important;color:var(--orange)!important;border:2px solid var(--orange)!important;box-shadow:4px 4px var(--gold)!important}
.project-support li:nth-child(1) a>span:first-child{color:#c92135}.project-support li:nth-child(3) a>span:first-child{color:#c99a22}.project-support li:nth-child(4) a>span:first-child{color:#48a765}
.project-support li:nth-child(1) a>span:first-child,.project-support li:nth-child(3) a>span:first-child,.project-support li:nth-child(4) a>span:first-child{font-size:0}
.project-support li:nth-child(1) a>span:first-child:before,.project-support li:nth-child(3) a>span:first-child:before,.project-support li:nth-child(4) a>span:first-child:before{content:'✦';font-size:1.2rem}
.world{background:linear-gradient(35deg,#fff0b8 0%,#fff5de 48%,#f7cfe0 100%)!important}
.world-copy h2 .name-shushu{color:#e8bd31}.world-copy p:nth-of-type(2){border-left:3px solid var(--coffee);padding-left:1rem}
.world-copy .world-hint{border-left:3px solid var(--coffee)!important}
.hidden-character summary .hidden-symbol{color:#ec89b5!important}
.world-companions>span{font-size:0}.world-companions>span:after{content:'今天的魔王城，也有薯薯、愛紗與小幻在。';font-size:1rem}
.letter-action .email{background:#8d1e2d!important;color:#fff!important}.copy{color:#fff!important}
.profile-links ul{display:grid}.profile-links ul li{order:10}.profile-links ul li:has(a[href*="twitter.com"]){order:1}.profile-links ul li:has(a[href*="docs.google.com"]){order:2}.profile-links ul li:has(a[href*="ultimateutopia"]){order:3}.profile-links ul li:has(a[href*="twitch.tv"]){order:4}.profile-links ul li:has(a[href*="discord.gg"]){order:5}.profile-links ul li:has(a[href*="9reWEj"]){order:6}.profile-links ul li:has(a[href*="lit.link"]){order:7}
@media(max-width:640px){.ticker{min-width:0;overflow:hidden}.ticker span{font-size:.78rem;letter-spacing:.04em;animation-duration:18s}.section-heading>p{font-size:1rem}.world{background:linear-gradient(35deg,#fff0b8,#fff5de 48%,#f7cfe0)!important}}
/* Follow-up refinements: restore the original site treatment and keep only requested accents. */
.hero-stage{background:linear-gradient(125deg,#ffc388 0%,#fbe2a0 60%,#efd28a 100%)}
.hero-copy h1 .name-shushu{display:inline;color:#f3cf42;text-shadow:2px 2px #fff8}
.hero-copy h1>span:not(.name-shushu){display:inline;color:#8c3709;text-shadow:2px 2px #fff8}
.hero-description .name-shushu{color:#f3cf42}.hero-description .name-aisa{color:#e88bb4}
.hero-copy>.button.dark{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:4px 4px var(--orange)}
.ticker{animation:none!important;white-space:nowrap;overflow:hidden;text-align:center}.ticker span{animation:none!important;transform:none!important;color:#fff!important;display:inline-block;white-space:nowrap}
.week-day.feature{background:#f8d875!important;border-color:#d7a442!important}
.profile-tags span{background:#ffe65e!important;color:#25170f!important;border-color:#25170f!important}
.profile-links:not(.profile-shops) li a[href*="twitter.com"]>span:first-child{font-size:0}.profile-links:not(.profile-shops) li a[href*="twitter.com"]>span:first-child:before{content:'◖';font-size:1.1rem;color:#e76836}
.profile-shops li a{background:#fff0dc!important}.profile-shops li:nth-child(2) a{background:#fff0dc!important}
.service-card.gold{background:#f2dc9a!important;color:#25170f!important;border-color:#25170f!important;box-shadow:6px 6px #25170f!important}
.project-copy{background-color:#211715!important;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px)!important;background-size:36px 36px!important;color:#fff8ee!important}
.project-copy>.micro,.project-copy>p:not(.tag),.project-copy .form-notice{color:#fff0dc!important}
.project-copy h2{color:#fff!important}.project-copy h2 span{color:#f08036!important}
.project-copy .button{background:#211715!important;color:#f8d875!important;border:1px solid #d7a442!important;box-shadow:4px 4px #d7a442!important}
.project-copy .tag{background:#fff!important;color:#e77c42!important;border-color:#e77c42!important}
.hidden-character,.hidden-character summary,.character-reveal,.character-name{background:initial}.hidden-character{background:linear-gradient(110deg,#f9d7e8,#dceeff)!important;border-color:#6b82aa!important;box-shadow:7px 7px #b9d8fa!important}.hidden-character summary{background:linear-gradient(110deg,#f9d7e8,#dceeff)!important}.character-reveal{background:linear-gradient(150deg,#e6f4ff,#fce3f0 58%,#cfe9ff)!important}.character-name{background:#fff8fd!important}
.world-companions>span{font-size:10px!important}.world-companions>span:after{font-size:10px!important}
.contact .letter{min-height:310px}.letter-action .email{background:#8d1e2d!important;color:#fff!important}.copy{color:#fff!important}
footer .brand-mark{color:var(--orange)!important}
/* Final annotated color corrections */
.hero-copy h1 .name-shushu{color:#f3cf42!important}
.hero-copy h1 .name-aisa{color:#e88bb4!important}
.hero-description .name-shushu{color:#f3cf42!important}.hero-description .name-aisa{color:#e88bb4!important}
.hero-copy h1 .name-join{color:#fff!important}
.brand-mark{color:#ff9a43!important}
.nav-contact{box-shadow:4px 4px #b32632!important}
.profile-shops li a{background:#ffe6d0!important}.profile-shops li a:hover{background:#ffd7b5!important}
.service-card.white a{color:#25170f!important}
.service-card.gold details summary{color:#d7a442!important}
.service-card.orange a{color:#a84715!important}
.project-stamp{border:2px solid #b32632!important}
.project-copy>.tag{color:#25170f!important;box-shadow:3px 3px #f08036!important}
.project-copy .form-notice{background:#f08036!important;color:#25170f!important;border-color:#ff9a43!important}
.project-copy .form-notice strong,.project-copy .form-notice p{color:#25170f!important}
.world .lore-document{box-shadow:4px 4px #ef9abf!important}
.contact .letter{min-height:320px;padding-top:50px;padding-bottom:50px}
.letter-action .email{background:#8d1e2d!important;color:#fff!important}.letter-action .copy{background:#25170f!important;color:#fff!important;border-color:#25170f!important}.letter-action #copy-status{min-height:1.4em}
/* Latest comment pass */
.hero-copy h1 .name-shushu{color:#211715!important;text-shadow:none!important}
.hero-description,.hero-description span{color:#211715!important}
.profile-links:not(.profile-shops) li a[href*="twitter.com"]>span:first-child{font-size:0!important}
.profile-links:not(.profile-shops) li a[href*="twitter.com"]>span:first-child:before{content:'⚡'!important;font-size:1rem!important;color:#e76836!important}
.profile-shops li a{background:#ffe2cc!important}
.service-card.gold .service-discord summary{color:#704733!important;border-color:#704733!important;background:transparent!important}
.project-stamp{background:#f8d875!important;border-color:#b32632!important;color:#a51f2b!important}
.project-copy .form-notice{background:transparent!important;color:#f0d0a1!important;border:1px dashed #7e654f!important}
.project-copy .form-notice strong,.project-copy .form-notice p{color:#f0d0a1!important}
.project-copy .form-notice .notice-dot{background:#f08036!important}
.project-support li:nth-child(2) a>span:first-child{font-size:1.2rem!important;line-height:1!important;display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;color:#211715!important}
.hero-copy h1 .name-shushu{color:#f3cf42!important;text-shadow:2px 2px #fff8!important}
.hero-description .name-shushu{color:#f3cf42!important}
.hero-description .name-aisa{color:#e88bb4!important}
.hero-copy h1 .name-join{color:#fff!important;text-shadow:2px 2px #fff8!important}
.hero-description,.hero-description span{color:#211715!important}
.hero-stage .sweet .name-shushu{color:#f3cf42!important}
.hero-stage .sweet .name-join{color:#fff!important}
.hero-stage .sweet .name-aisa{color:#e88bb4!important}
.profile-shops li:first-child a,.profile-shops li:nth-child(2) a{background:#ffe2cc!important;border-color:var(--ink)!important;box-shadow:none!important}
.profile-shops li:first-child a:hover,.profile-shops li:nth-child(2) a:hover{background:#ffd7b5!important;box-shadow:3px 3px var(--orange)!important}
.project-copy .button{border-color:#f8d875!important;color:#f8d875!important;box-shadow:4px 4px #f08036!important}
.project-stamp{background:#fff!important;border:2px solid #ff3b3b!important;color:#a51f2b!important}
.world-copy h2 .world-names{color:#211715!important}
.world-copy h2 .world-name-shushu{color:#211715!important;text-decoration:underline;text-decoration-color:#f08036;text-decoration-thickness:.12em;text-underline-offset:.14em}
.world-copy h2 .world-name-aisa{color:#211715!important;text-decoration:underline;text-decoration-color:#e88bb4;text-decoration-thickness:.12em;text-underline-offset:.14em}
.contact{background:#ffdfbe!important;padding:70px clamp(20px,5vw,62px)!important}
.contact .letter{margin-top:0!important;padding:40px 38px 34px!important;min-height:270px!important;border:2px solid #25170f!important;background:#fff8ee!important;box-shadow:8px 8px #25170f!important}
.letter-action .email{display:flex!important;background:#b32632!important;color:#fff!important;border:0!important;padding:14px!important;box-shadow:4px 4px #f08036!important}
.letter-action .email:hover{background:#9c1f2a!important}
.letter-action .copy{margin-top:14px!important;background:#25170f!important;color:#f8d875!important;border:1px solid #25170f!important;padding:10px 14px!important}
.letter-action .contact-buttons{margin-top:0!important}
.letter-action #copy-status{color:#8a5b35!important;font-size:10px!important;line-height:1.6!important;min-height:1.6em!important;margin:8px 0 0!important}
.letter-tape{top:-17px!important;right:30px!important}
.hero-copy h1 .name-shushu,.hero-copy h1 .name-join{color:#211715!important;text-shadow:none!important}
.hero-description,.hero-description span{color:#211715!important}
.project-stamp{font-family:'Noto Serif TC','標楷體','DFKai-SB',serif!important;font-weight:900!important;letter-spacing:.12em!important;color:#ed1c24!important;border-color:#ff3038!important;background:#fff!important}
/* Restore the original contact-section layout and controls */
.contact{padding:100px 0 0!important;background:transparent!important}
.contact .letter{margin-top:38px!important;padding:44px 35px 35px!important;min-height:0!important;border:2px solid var(--ink)!important;background:var(--paper)!important;box-shadow:8px 8px var(--ink)!important}
.letter-action .email{display:flex!important;background:transparent!important;color:var(--ink)!important;border:0!important;border-bottom:2px solid var(--ink)!important;padding:15px 0!important;box-shadow:none!important}
.letter-action .copy{margin-top:0!important;background:white!important;color:var(--ink)!important;border:1px solid var(--ink)!important;padding:12px 15px!important}
.letter-action #copy-status{color:var(--muted)!important;font-size:10px!important;line-height:1.6!important;min-height:1.6em!important;margin:8px 0 0!important}
.letter-tape{top:-15px!important;right:30px!important}
@media(max-width:760px){.contact{padding:80px 0 0!important}}
.world-companions>span:after{content:none!important}
.world-companions>span{font-size:10px!important}
.letter-action .copy{color:#fff!important}
footer .brand-mark{color:#ff9a43!important;text-shadow:2px 2px #25170f!important}
/* Restore the original contact section placement and frame */
.contact{padding:50px!important;background:#ffdfbe!important}
.contact .letter{margin-top:38px!important;padding:44px 35px 35px!important;min-height:0!important;border:2px solid var(--ink)!important;background:var(--paper)!important;box-shadow:8px 8px var(--ink)!important}
@media(max-width:760px){.contact{padding:35px!important}}
.window-bar i{background:#f8d875!important}
.hero-copy .hero-description,.hero-copy .hero-description span{color:#211715!important}
.contact{padding:50px!important;background:#ffdfbe!important}
.contact .letter{margin-top:38px!important;padding:44px 35px 35px!important;min-height:0!important;border:2px solid var(--ink)!important;background:var(--paper)!important;box-shadow:8px 8px var(--ink)!important}
.letter-action .email{display:flex!important;background:#b32632!important;color:#fff!important;border:0!important;padding:14px!important;box-shadow:4px 4px #f08036!important}
.letter-action .copy{margin-top:0!important;background:#25170f!important;color:#fff!important;border:1px solid #25170f!important;padding:12px 15px!important}
.letter-action .contact-buttons{margin-top:14px!important}
.letter-action #copy-status{color:var(--muted)!important}
.letter-tape{top:-15px!important;right:30px!important}
@media(max-width:760px){.contact{padding:35px!important}}
.hero-copy h1>span:not(.name-shushu):not(.name-join){background:linear-gradient(100deg,#b74b18 0%,#f2a13b 48%,#9f3516 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
.contact .letter-mascot{left:20px!important;top:-88px!important}
.contact .letter-mascot{top:-68px!important}
.letter-action .copy{position:relative;isolation:isolate;overflow:hidden}
.letter-action .copy:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#ffffff55;transform:translate(-50%,-50%) scale(0);pointer-events:none}
.letter-action .copy:hover:after,.letter-action .copy:focus-visible:after{animation:copy-ripple .75s ease-out}
@keyframes copy-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.75}100%{transform:translate(-50%,-50%) scale(14);opacity:0}}
@media(prefers-reduced-motion:reduce){.letter-action .copy:hover:after,.letter-action .copy:focus-visible:after{animation:none}}
.letter-action .copy{border:1px solid #f8d875!important;box-shadow:2px 2px #f08036!important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.letter-action .copy:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #f08036!important;background:#3b2419!important}
.letter-action .copy:active{transform:translate(1px,1px);box-shadow:0 0 #f08036!important}
.hidden-character>summary,.profile-email{position:relative;isolation:isolate;overflow:hidden}
.hidden-character>summary:after,.profile-email:after{content:'';position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:#ffffff55;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:-1}
.hidden-character>summary:hover:after,.hidden-character>summary:focus-visible:after,.profile-email:hover:after,.profile-email:focus-visible:after{animation:copy-ripple .75s ease-out}
@media(prefers-reduced-motion:reduce){.hidden-character>summary:hover:after,.hidden-character>summary:focus-visible:after,.profile-email:hover:after,.profile-email:focus-visible:after{animation:none}}
.project-copy{position:relative;isolation:isolate}
.project-copy:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff24 1px,transparent 1px),linear-gradient(90deg,#ffffff24 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at right bottom,#000 0%,#000 18%,transparent 76%);opacity:.8}
.project-copy>*{position:relative;z-index:1}
.project-copy h2 span{background:linear-gradient(105deg,#b78bff 0%,#d58de8 32%,#f28d63 72%,#ffad45 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}
.project-copy h2 span{background:linear-gradient(100deg,#a56eff 0%,#b977f5 42%,#d786e8 78%,#f0a05c 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
.project-copy h2 span{background:linear-gradient(100deg,#f08036 0%,#f18b3e 58%,#e49383 84%,#b977f5 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
.project-copy h2 span{display:inline-block!important;width:max-content!important;background:linear-gradient(100deg,#f08036 0%,#f08036 48%,#e06b9d 68%,#8e45db 100%)!important;background-size:100% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
.services .section-heading>.services-intro{display:grid;gap:.45rem;margin:1.2rem 0 0 0;padding-left:1rem;border-left:3px solid #f08036;text-align:left;line-height:1.65}
.services-intro-lead{font-size:1.04em;font-weight:800;color:#34251b;letter-spacing:.025em}
.services-intro-support{font-size:.88em;font-weight:500;color:#775c46;letter-spacing:.04em}
.services-intro-support:after{content:'';display:block;width:3.2rem;height:3px;margin-top:.5rem;border-radius:99px;background:linear-gradient(90deg,#ffe65e,#f08036)}
@media(max-width:760px){.services .section-heading>.services-intro{gap:.35rem;padding-left:.75rem}.services-intro-lead{font-size:1em}.services-intro-support{font-size:.82em}}
.world .check-here{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:.65rem;margin:1.5rem auto 0;color:#704733;font:800 .72rem/1 'Barlow Condensed',sans-serif;letter-spacing:.24em}
.check-here-arrow{display:inline-block;color:#e88bb4;font:700 1.35rem/1 'DM Sans',sans-serif;animation:check-here-bob 1.15s ease-in-out infinite}
.check-here span:last-child{padding:.55rem .85rem;border:1px solid #70473355;background:#fff8ee88}
@keyframes check-here-bob{0%,100%{transform:translateY(3px)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.check-here-arrow{animation:none}}
.world .hidden-character .check-here{grid-column:auto;display:flex;justify-content:center;align-items:center;margin:.75rem auto 1rem;gap:.55rem}
.world .character-discovery{grid-column:2;grid-row:1;align-self:start;min-width:0}
.world .character-discovery .check-here{display:flex;justify-content:center;margin:.8rem auto 0;gap:.55rem}
.world .character-discovery .hidden-character[open]+.check-here{display:none}
@media(max-width:760px){.world .character-discovery{grid-column:1/-1;grid-row:auto}}
.world .character-discovery .check-here{margin-top:2.25rem!important}
.nav-contact{box-shadow:4px 4px #ff3038!important}
