/* Shared visual language for GLB's creation experience. */
:root{--claim-mint:#b1f4de;--claim-surface:#102b3d;--ink:#e4eef5;--line:#2c485a;--paper:#071b2b;--gold:#b1f4de;--red:#b1f4de}
body{background:#071b2b;color:#e4eef5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body>header,header{background:#091e30;border-bottom:1px solid #ffffff16}
main{padding-bottom:40px}
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.04em;color:#f4faff}
h1{font-weight:740;line-height:1.02}h1 em{color:#b1f4de}
.eyebrow,.steps small,.label{color:#a6dfd3}
.intro,.hero{position:relative;isolation:isolate;overflow:hidden;max-width:none;padding:clamp(28px,5vw,64px);border:1px solid #345569;border-radius:24px;background:linear-gradient(100deg,#0b2337 20%,#0b2337e8 60%,#0b23373b),url('assets/teams/taipei-neon/images/stadium.webp') center/cover;margin:32px 0}
.intro h1,.hero h1{max-width:760px;font-size:clamp(40px,6vw,76px)}
.intro p,.hero p{max-width:680px;color:#c2d4df}.intro a:not(.primary-link){color:#b1f4de}
.primary-link,.button,button{border:1px solid transparent;background:#b1f4de;color:#092b30;border-radius:100px;padding:13px 22px;font-weight:750;text-decoration:none}
.primary-link:hover,.button:hover,button:hover{background:#d6ffee;color:#092b30}.button.light{background:transparent;color:#e4eef5;border-color:#6b8a9c}
.steps{gap:16px}.steps article{padding:22px;background:#102b3d;border:1px solid #2c485a;border-radius:16px}.steps p{color:#bdcfdc}
.artifact-tile{background:linear-gradient(145deg,#15364a,#0d2538);border:1px solid #345164;border-radius:16px;padding:24px;transition:transform .2s,border-color .2s;box-shadow:0 16px 28px -24px #000}
.artifact-tile:hover{transform:translateY(-4px);border-color:#90d6c4}.artifact-tile small,.artifact-tile p{color:#abc3d2}.artifact-tile a,.artifact-tile a.artifact-record-link{color:#b1f4de}
.filters{padding:22px;background:#102b3d;border:1px solid #2c485a;border-radius:16px}
.submission{background:#102b3d;border-color:#345164;border-radius:22px}.submission p{color:#bdd0dd}
input,select,textarea{background:#091f30;color:#e4eef5;border:1px solid #506b7d;border-radius:10px;color-scheme:dark}input::placeholder,textarea::placeholder{color:#819aa9}small,.muted{color:#acc1cf}
.step{border-color:#2c485a}.step p{color:#bdd0dd}.number{background:#b1f4de;color:#092b30;border:0;border-radius:50%}
.visual{background:radial-gradient(ellipse at top right,#23736a55,transparent 65%),#102b3d;border:1px solid #345164;border-radius:24px;box-shadow:none}
.polaroid,.sheet,.review,.published{background:#19384b;color:#e4eef5;border:1px solid #4d6878;border-radius:16px;box-shadow:0 20px 35px #020c1944;transform:none}
.polaroid strong,.published h3{color:#f4faff}.polaroid small,.example-label,.note,.field{color:#a7c2d2}.sheet blockquote{font-family:inherit;color:#e4eef5}.tag,.open,.credit{background:#b1f4de;color:#092b30;border:0;border-radius:100px}.tag{transform:none}.stamp{color:#b1f4de;border-color:#71ab9c;transform:none;border-radius:8px}.private{background:#0a2234;color:#bdd0dd;border-color:#365367}.private b{color:#b1f4de}.checks li{border-color:#365367}
.faq{border-color:#2c485a}.faq details{background:#102b3d;border:1px solid #345164;border-radius:12px;padding:16px 20px;margin:10px 0}.faq details p{color:#bdd0dd}.faq summary{color:#f4faff}
.finish{background:radial-gradient(ellipse at top right,#22796d77,transparent 70%),#102b3d;border:1px solid #3e6870;border-radius:24px}.finish .label{color:#b1f4de!important}
footer{color:#abc3d2;border-color:#2c485a;background:#091e30}footer a{color:#b1f4de}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b1f4de;outline-offset:4px}
@media(max-width:650px){.intro,.hero{padding:28px 24px;margin:22px 0;border-radius:20px}.steps{gap:12px}.filters{padding:18px}.artifact-tile{padding:22px}}
@media(prefers-reduced-motion:reduce){.artifact-tile{transition:none}}
main a:not(.button):not(.primary-link){color:#b1f4de}
/* Visual discovery: a small invitation, with room to keep exploring. */
.artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.artifact-tile{overflow:hidden;min-width:0;padding:0 0 24px;align-items:stretch}
.artifact-tile>small,.artifact-tile>h3,.artifact-tile>p,.artifact-tile>a,.artifact-prompt{margin-left:22px;margin-right:22px}
.artifact-art{position:relative;width:100%;aspect-ratio:1.6;background:#1a4154;overflow:hidden;margin-bottom:22px}
.artifact-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.artifact-tile:hover .artifact-art img{transform:scale(1.035)}
.artifact-art-fallback{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 80% 10%,#408f8070,transparent 70%),linear-gradient(130deg,#1b3c59,#123341);font-size:24px;font-weight:700;letter-spacing:-.03em;color:#b1f4de}
.artifact-prompt{padding-top:15px;border-top:1px solid #ffffff1c;margin-bottom:20px}
.artifact-prompt small{color:#b1f4de;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700}
.artifact-prompt p{font-size:14px;line-height:1.55;margin:8px 0 0}
.artifact-tile>a{align-self:flex-start}.artifact-tile>a:not(.artifact-record-link){margin-top:auto}
.artifact-more{display:block;margin:0 auto 45px}.artifact-more[hidden]{display:none}
@media(max-width:900px){.artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.artifact-grid{grid-template-columns:1fr;gap:22px}.artifact-art{aspect-ratio:1.65}}
@media(prefers-reduced-motion:reduce){.artifact-art img{transition:none}}

.artifact-art-player img{object-fit:contain;background:#091e30}
#previewContribution{justify-self:start;background:transparent;color:#b1f4de;border-color:#70a99d}
.contribution-preview{outline:none;margin:8px 0 14px}.contribution-preview[hidden]{display:none}
.draft-record{overflow:hidden;border:1px solid #568a8d;border-radius:20px;background:radial-gradient(ellipse at top right,#20685e66,transparent 65%),#0a2235;box-shadow:0 22px 40px -24px #000}
.draft-art{display:block;width:100%;max-height:330px;object-fit:cover}.draft-art-player{object-fit:contain;background:#061a29}
.draft-copy{padding:clamp(22px,4vw,36px)}.draft-status{display:inline-block;border:1px solid #80b6a5;border-radius:100px;color:#b1f4de;padding:6px 12px;font-size:11px;font-weight:750;letter-spacing:.04em}
.draft-copy .draft-meta{font-size:12px;color:#a9c7d6;margin:24px 0 8px}.draft-copy h3{font-size:clamp(25px,4vw,38px);line-height:1.1;margin:0 0 12px}.draft-copy .draft-credit{color:#b1f4de;font-size:13px;margin:0 0 24px}
.draft-writing{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.75;color:#e4eef5;border-top:1px solid #ffffff20;padding-top:24px}
.submission .draft-notice{font-size:12px;color:#a9c7d6;margin:16px 0}.draft-edit{background:transparent;color:#b1f4de;border:1px solid #557a84;padding:10px 17px;font-size:13px}
.draft-controls{background:#0a2235;border:1px solid #3c6572;border-radius:14px;padding:16px 20px;margin:24px 0;max-width:760px}
.submission .draft-controls p{font-size:13px;color:#b9d1dc;margin:0}.draft-controls-actions{display:flex;gap:12px;flex-wrap:wrap}.draft-controls-actions:empty{display:none}.draft-controls-actions button{font-size:12px;padding:9px 14px;margin-top:12px}.draft-controls-actions button:last-child{background:transparent;border-color:#597b89;color:#c8dee6}
