AliceDarkest
e853ca8e93
- theme.css: Light-Tokens auf WCAG AA nachgeschaerft (accent #c2410c, accent-2 #b45309, muted #6b5f4c, secondary #146b96, secondary-2 #0f5a80, Spiel-Durch- faller esc/sc/dl/ss/ff). Neues Token --warn (hell #8a6a06 / dunkel #edcb4c). - platform-neural.css: Light-Kartenakzente je Spiel (farbton-treu abgedunkelt, alle >=4.6:1 auf Kartengrund) statt der Neon-Leaks; Light-finalflux-Override. - dashboard.html: #edcb4c-Hardcodes -> var(--warn). - ServiceClash/Networker/BugHunter: echte Light-Varianten ueber scoped Custom Properties auf .sc-body/.nw-body/.bh-body (Dark-Defaults = alte Werte, Dark pixelgleich), handentworfene Light-Paletten (alle Kontraste WCAG-AA geprueft), .mf-theme-Toggle im Header ergaenzt, Networker-var(--text)/(--muted)-Bug behoben. Spielfremde .nw-*/.bh-*-Regeln aus accessibility-placement.css in die jeweiligen Spiel-CSS verschoben (ohne !important). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01WFxcjtc9HNP4VECT6Ur1tE
2 lines
6.9 KiB
CSS
2 lines
6.9 KiB
CSS
.sc-body{--sc-bg:#071015;--sc-bg-radial:#0e2e3c;--sc-surface:#0c1011;--sc-surface-2:#0a1519;--sc-surface-3:#102126;--sc-track:#17262c;--sc-text:#edf8fb;--sc-text-strong:#ffffff;--sc-text-soft:#dde9eb;--sc-text-dim:#c9d8dc;--sc-btn-text:#eafaff;--sc-choice-text:#eef9fb;--sc-muted:#b9c9ce;--sc-muted-2:#8aa3aa;--sc-accent:#2bb6d7;--sc-accent-ink:#061316;--sc-gold:#c0ad81;--sc-gold-2:#d6c49f;--sc-border:#31515b;--sc-border-2:#24424c;--sc-border-3:#294a54;--sc-danger:#ef5a62;--sc-success:#87e2ab;--sc-success-2:#75ce94;--sc-card-1:rgba(18,35,40,.94);--sc-card-2:rgba(8,16,19,.95);--sc-glow:color-mix(in srgb,var(--sc-accent) 28%,transparent);--sc-accent-line:color-mix(in srgb,var(--sc-accent) 42%,transparent);--sc-card-border:color-mix(in srgb,var(--sc-accent) 36%,transparent);--sc-card-inline:color-mix(in srgb,var(--sc-accent) 12%,transparent);--sc-accent-wash:color-mix(in srgb,var(--sc-accent) 9%,transparent);--sc-gold-line:color-mix(in srgb,var(--sc-gold) 34%,transparent)}[data-theme="light"] .sc-body{--sc-bg:#eef6f8;--sc-bg-radial:#d3ebef;--sc-surface:#ffffff;--sc-surface-2:#e2eff2;--sc-surface-3:#dcedf0;--sc-track:#d0e3e8;--sc-text:#10333b;--sc-text-strong:#10333b;--sc-text-soft:#234049;--sc-text-dim:#2f4c55;--sc-btn-text:#10333b;--sc-choice-text:#10333b;--sc-muted:#52707a;--sc-muted-2:#647d85;--sc-accent:#0e7c86;--sc-accent-ink:#ffffff;--sc-gold:#6f5a15;--sc-gold-2:#77621b;--sc-border:#cfe3e8;--sc-border-2:#c2dae0;--sc-border-3:#cadfe4;--sc-danger:#d23b43;--sc-success:#127a40;--sc-success-2:#127a40;--sc-card-1:rgba(255,255,255,.96);--sc-card-2:rgba(226,239,242,.97)}.sc-app{min-height:100vh;background:radial-gradient(circle at 20% 0,var(--sc-bg-radial) 0,transparent 37%),var(--sc-bg);color:var(--sc-text);font-family:var(--font-mono,monospace)}.sc-top{min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2.4rem;border-bottom:1px solid var(--sc-accent-line);background:var(--sc-surface)}.sc-nav{display:flex;align-items:center;gap:.8rem}.sc-nav a{color:var(--sc-muted);text-decoration:none}.sc-nav-button{border:1px solid var(--sc-accent);border-radius:5px;padding:.5rem .75rem;font-size:.78rem;letter-spacing:.08em}.sc-brand{text-align:center;text-transform:uppercase}.sc-brand b{display:block;color:var(--sc-accent);font-size:1.55rem;letter-spacing:.17em;text-shadow:0 0 16px var(--sc-glow)}.sc-brand span{font-size:.7rem;letter-spacing:.2em;color:var(--sc-gold)}.sc-top .mf-a11y-host{justify-self:end}.sc-view{max-width:1240px;margin:auto;padding:3rem 2rem 5rem}.sc-loading{color:var(--sc-gold);text-align:center;padding:7rem}.sc-eyebrow{color:var(--sc-accent);letter-spacing:.15em;font-size:.8rem;text-transform:uppercase}.sc-title{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.2rem);margin:.45rem 0 1rem}.sc-intro{max-width:760px;color:var(--sc-muted);font-size:1.06rem;line-height:1.7}.sc-shifts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem;margin-top:2rem}.sc-card,.sc-panel{border:1px solid var(--sc-card-border);background:linear-gradient(145deg,var(--sc-card-1),var(--sc-card-2));box-shadow:0 16px 34px rgba(0,0,0,.22);padding:1.4rem}.sc-card{position:relative;min-height:265px;display:flex;flex-direction:column}.sc-card:before{content:"";position:absolute;inset:9px;border:1px solid var(--sc-card-inline);pointer-events:none}.sc-card h2{font-family:Georgia,serif;font-size:1.8rem;margin:.6rem 0}.sc-card p{line-height:1.55;color:var(--sc-muted);flex:1}.sc-meta{display:flex;gap:.55rem;flex-wrap:wrap}.sc-meta span{border:1px solid var(--sc-gold-line);padding:.28rem .48rem;color:var(--sc-gold-2);font-size:.72rem}.sc-btn{appearance:none;border:1px solid var(--sc-accent);background:transparent;color:var(--sc-btn-text);padding:.75rem 1rem;margin-top:1.3rem;font:700 .78rem var(--font-mono,monospace);letter-spacing:.08em;cursor:pointer}.sc-btn:hover,.sc-btn.primary{background:var(--sc-accent);color:var(--sc-accent-ink);box-shadow:0 0 22px var(--sc-glow)}.sc-brief{max-width:760px;margin:2rem auto}.sc-brief h1{font-family:Georgia,serif;font-size:2.8rem}.sc-tip{border-left:3px solid var(--sc-accent);padding:.7rem 1rem;background:var(--sc-accent-wash);line-height:1.6}.sc-command{display:grid;grid-template-columns:245px minmax(0,1fr);gap:1rem;align-items:start}.sc-queue{position:sticky;top:1rem}.sc-stat{margin:.2rem 0 .85rem;color:var(--sc-muted);font-size:.83rem}.sc-meter{height:8px;background:var(--sc-track);border-radius:99px;overflow:hidden}.sc-meter i{display:block;height:100%;background:var(--sc-accent);box-shadow:0 0 12px var(--sc-glow)}.sc-ticket-list{display:grid;gap:.5rem;margin-top:1.1rem}.sc-ticket-list button{width:100%;text-align:left;background:var(--sc-surface-2);border:1px solid var(--sc-border-2);color:var(--sc-text-dim);padding:.65rem;cursor:pointer;font:inherit;font-size:.78rem}.sc-ticket-list button.active{border-color:var(--sc-accent);color:var(--sc-text-strong)}.sc-ticket-list button.done:after{content:" ✓";color:var(--sc-success)}.sc-ticket-head{display:flex;justify-content:space-between;gap:1rem;color:var(--sc-gold);font-size:.75rem;letter-spacing:.08em}.sc-ticket h1{font-family:Georgia,serif;font-size:2rem;margin:.6rem 0}.sc-ticket p{font-family:Georgia,serif;font-size:1.2rem;line-height:1.55;color:var(--sc-text-soft)}.sc-steps{display:flex;gap:.5rem;margin:1.4rem 0}.sc-step{border:1px solid var(--sc-border);color:var(--sc-muted-2);padding:.35rem .55rem;font-size:.72rem}.sc-step.active{border-color:var(--sc-accent);color:var(--sc-accent)}.sc-step.done{border-color:var(--sc-success-2);color:var(--sc-success-2)}.sc-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.sc-choice{border:1px solid var(--sc-border);background:var(--sc-surface-2);color:var(--sc-choice-text);text-align:left;padding:.9rem;cursor:pointer;font:inherit;line-height:1.35}.sc-choice:hover{border-color:var(--sc-accent)}.sc-feedback{margin-top:1rem;padding:1rem;border-left:3px solid var(--sc-accent);background:var(--sc-surface-3);line-height:1.55}.sc-feedback.bad{border-color:var(--sc-danger)}.sc-reveal{color:var(--sc-gold);background:none;border:0;text-decoration:underline;cursor:pointer;margin-top:1rem;font:inherit}.sc-debrief{margin-top:1.4rem;border-top:1px solid var(--sc-border-3);padding-top:1rem;color:var(--sc-text-dim);line-height:1.6}.sc-result{max-width:700px;margin:2rem auto;text-align:center}.sc-result h1{font-family:Georgia,serif;font-size:3.3rem;margin:.6rem}.sc-score{font-size:3.8rem;color:var(--sc-accent);text-shadow:0 0 20px var(--sc-glow)}.sc-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.8rem 0}.sc-result-grid div{border:1px solid var(--sc-border);padding:1rem}.sc-result-grid b{display:block;font-size:1.5rem;color:var(--sc-text-strong)}@media(max-width:780px){.sc-top{grid-template-columns:1fr;padding:1rem;gap:.75rem}.sc-brand{order:-1}.sc-top .mf-a11y-host{justify-self:start}.sc-shifts,.sc-command{grid-template-columns:1fr}.sc-queue{position:static}.sc-view{padding:2rem 1rem}.sc-result-grid{grid-template-columns:1fr}}
|