diff --git a/src/main/resources/static/css/accessibility-placement.css b/src/main/resources/static/css/accessibility-placement.css index 38cc5eb..476cfbc 100644 --- a/src/main/resources/static/css/accessibility-placement.css +++ b/src/main/resources/static/css/accessibility-placement.css @@ -18,7 +18,4 @@ body[class*="mf-a11y-skin-"] .mf-a11y-panel{border-color:color-mix(in srgb,var(- body[class*="mf-a11y-skin-"] .mf-a11y-head{background:color-mix(in srgb,var(--mf-a11y-accent) 28%,#07121f)} body[class*="mf-a11y-skin-"] .mf-a11y-close{background:var(--mf-a11y-accent);color:var(--mf-a11y-ink)} body[class*="mf-a11y-skin-"] .mf-a11y-option[aria-pressed="true"]{border-color:var(--mf-a11y-accent);background:color-mix(in srgb,var(--mf-a11y-accent) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--mf-a11y-accent)} -.bh-cabinet-level{grid-column:1/-1;margin:.5rem 0 -.15rem;padding-bottom:.35rem;border-bottom:1px solid #60473d;color:var(--bh-accent);font:700 .66rem "Courier New",monospace;letter-spacing:.12em} -.bh-drawer.solved{overflow:hidden}.bh-solved-stamp{display:inline-block;border:3px solid #79bf91;border-radius:4px;padding:.24rem .48rem;color:#79bf91;font:700 .78rem/1 "Courier New",monospace;letter-spacing:.12em;transform:rotate(-12deg);text-shadow:none;box-shadow:0 0 12px color-mix(in srgb,#79bf91 26%,transparent);pointer-events:none}.bh-drawer .bh-solved-stamp{position:absolute;right:3.1rem;top:.75rem}.bh-solved-stamp-detail{position:absolute;right:1.4rem;top:1.25rem;font-size:1rem}.bh-solved-stamp-result{margin:0 0 .8rem;font-size:1.15rem} -.nw-app{background:repeating-linear-gradient(0deg,rgba(103,187,255,.12) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(103,187,255,.12) 0 1px,transparent 1px 30px),radial-gradient(circle at 50% -20%,rgba(27,89,148,.38),transparent 48%),#071527!important}.nw-board{background:repeating-linear-gradient(0deg,rgba(103,187,255,.12) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(103,187,255,.12) 0 1px,transparent 1px 30px),rgba(5,18,33,.9)!important} @media(max-width:700px){.mf-a11y-panel{inset:70px 6px auto 6px!important;width:auto;max-height:calc(100dvh - 82px)}} diff --git a/src/main/resources/static/css/bughunter.css b/src/main/resources/static/css/bughunter.css index 574d7a2..edc4fe1 100644 --- a/src/main/resources/static/css/bughunter.css +++ b/src/main/resources/static/css/bughunter.css @@ -1,2 +1,5 @@ -.bh-cabinet{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-top:.8rem;padding:1.2rem;border:10px solid #231b18;border-radius:8px;background:linear-gradient(90deg,#171110,#2a211d 8%,#16100f 92%,#2a211d);box-shadow:inset 0 0 0 2px #57433a,0 14px 32px rgba(0,0,0,.3);position:relative}.bh-cabinet-label{grid-column:1/-1;margin:-.4rem 0 .2rem;color:#c9b29a;font:700 .63rem "Courier New",monospace;letter-spacing:.17em;text-align:center}.bh-drawer{min-height:116px;display:grid;grid-template-rows:auto 1fr auto;gap:.35rem;position:relative;text-align:left;padding:1.05rem 1rem .8rem;border:1px solid #6d5145;border-radius:5px;background:linear-gradient(180deg,#3a2d28,#211918);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -4px 0 rgba(0,0,0,.32),0 3px 0 #120d0c;color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.bh-drawer:hover,.bh-drawer:focus-visible{transform:translateY(-3px);border-color:var(--bh-accent);outline:2px solid color-mix(in srgb,var(--bh-accent) 45%,transparent);outline-offset:2px}.bh-drawer.active{background:linear-gradient(180deg,color-mix(in srgb,var(--bh-accent) 22%,#3a2d28),#2b1c21);border-color:var(--bh-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 18px color-mix(in srgb,var(--bh-accent) 22%,transparent),0 3px 0 #120d0c}.bh-drawer-handle{position:absolute;top:8px;right:10px;width:34px;height:6px;border:1px solid #947663;border-radius:8px;background:#1a1311;box-shadow:inset 0 1px 1px rgba(255,255,255,.16)}.bh-drawer strong{align-self:center;padding-right:1.8rem;color:var(--heading);font-size:1.03rem;line-height:1.18}.bh-drawer small{font:700 .65rem "Courier New",monospace;color:var(--muted);letter-spacing:.04em}.bh-case-detail{margin-top:1rem;padding:1.35rem 1.45rem;border:1px solid color-mix(in srgb,var(--bh-accent) 55%,var(--border));border-left:6px solid var(--bh-accent);border-radius:10px;background:linear-gradient(105deg,color-mix(in srgb,var(--bh-accent) 10%,var(--surface)),var(--surface));box-shadow:0 10px 26px rgba(0,0,0,.2)}.bh-case-detail h2{margin:.4rem 0;color:var(--heading)}.bh-case-detail p{max-width:760px;margin:.5rem 0;color:var(--muted);line-height:1.55} -.bh-app{--accent:var(--bh-accent);--glow-s:var(--bh-glow);min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--bh-accent) 14%,transparent),transparent 33%),linear-gradient(135deg,rgba(0,0,0,.28),transparent 55%),var(--bg);font-family:Georgia,"Times New Roman",serif}.bh-top{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 24px;border-bottom:1px solid color-mix(in srgb,var(--bh-accent) 45%,var(--border));background:color-mix(in srgb,var(--panel) 94%,transparent);position:sticky;top:0;z-index:5}.bh-back{color:var(--muted);text-decoration:none}.bh-brand{text-align:center}.bh-brand b{display:block;color:var(--bh-accent);font:700 1.25rem/1 "Courier New",monospace;letter-spacing:.2em;text-shadow:0 0 14px var(--bh-glow)}.bh-brand span,.bh-kicker{font:700 .66rem/1.3 "Courier New",monospace;letter-spacing:.13em;color:var(--muted)}.bh-top .mf-a11y-host{justify-self:end}.bh-view{max-width:1240px;margin:auto;padding:2rem 1.25rem}.bh-loading{text-align:center;padding:20vh 0;color:var(--muted);font-family:"Courier New",monospace}.bh-hero,.bh-briefing,.bh-debrief,.bh-result{position:relative;border:1px solid color-mix(in srgb,var(--bh-accent) 55%,var(--border));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--surface) 95%,transparent),var(--surface));padding:1.6rem;box-shadow:0 12px 34px rgba(0,0,0,.18)}.bh-hero:before,.bh-briefing:before,.bh-debrief:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--bh-accent) 26%,transparent);pointer-events:none}.bh-hero h1,.bh-briefing h1,.bh-hunt-head h1,.bh-debrief h1,.bh-result h1{color:var(--heading);margin:.45rem 0}.bh-hero p,.bh-briefing p,.bh-case p,.bh-debrief p{line-height:1.6;color:var(--muted);max-width:850px}.bh-stamp{display:inline-block;border:2px solid var(--bh-accent);color:var(--bh-accent);font:700 .7rem/1 "Courier New",monospace;letter-spacing:.12em;padding:.28rem .42rem;transform:rotate(-3deg);margin:0 .65rem .4rem 0}.bh-archive{margin-top:1.2rem}.bh-archive-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:0 .5rem}.bh-archive-head h2{margin:.3rem 0;color:var(--heading)}.bh-archive-head p{margin:0;color:var(--muted);font-size:.9rem}.bh-case-deck{position:relative;min-height:540px;margin-top:.8rem}.bh-case{position:absolute;inset:0 auto auto 50%;width:min(680px,92%);min-height:260px;transform:translateX(-50%) translateY(calc(var(--stack) * 25px)) rotate(var(--tilt));z-index:calc(30 - var(--stack));border:1px solid var(--border);border-radius:10px;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--bh-accent) 6%,var(--surface)));padding:1.15rem 1.25rem;box-shadow:4px 6px 0 color-mix(in srgb,var(--bh-accent) 16%,transparent),0 10px 26px rgba(0,0,0,.2);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bh-case:hover,.bh-case:focus-visible{border-color:var(--bh-accent);outline:none}.bh-case.active{min-height:355px;border-color:color-mix(in srgb,var(--bh-accent) 70%,var(--border));box-shadow:7px 9px 0 color-mix(in srgb,var(--bh-accent) 22%,transparent),0 16px 40px rgba(0,0,0,.32)}.bh-case h2{color:var(--heading);margin:.4rem 0}.bh-case-no{color:var(--bh-accent);font:700 .68rem "Courier New",monospace;letter-spacing:.08em}.bh-case-peek{display:block;margin-top:5.5rem;color:var(--muted);font:italic .88rem Georgia,serif}.bh-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin:.9rem 0}.bh-tags span{border:1px solid var(--border);border-radius:99px;padding:.22rem .5rem;font:700 .65rem "Courier New",monospace;color:var(--muted)}.bh-btn{border:1px solid var(--bh-accent);background:transparent;border-radius:6px;padding:.65rem .85rem;color:var(--bh-accent);font:700 .72rem "Courier New",monospace;letter-spacing:.06em;cursor:pointer}.bh-btn:hover,.bh-btn.primary{background:var(--bh-accent);color:#19090e;box-shadow:0 0 16px var(--bh-glow)}.bh-briefing pre,.bh-evidence pre{white-space:pre-wrap;background:#0d0c0f;color:#d8cbd0;border-left:3px solid var(--bh-accent);padding:.8rem;font:normal .78rem/1.5 "Courier New",monospace}.bh-rules{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.bh-rules div{background:var(--surface-2);padding:.65rem;border-radius:7px;color:var(--muted)}.bh-rules b{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--bh-accent);color:#210c12;margin-right:.35rem}.bh-hunt-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.bh-combo{border:1px solid var(--bh-accent);border-radius:50%;width:68px;height:68px;display:grid;place-content:center;text-align:center;color:var(--bh-accent);font:700 1.25rem "Courier New",monospace}.bh-combo small{font-size:.46rem;text-transform:uppercase;color:var(--muted)}.bh-progress{display:flex;gap:.45rem;margin:1rem 0}.bh-progress i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font:700 .75rem "Courier New",monospace;color:var(--muted);font-style:normal}.bh-progress i.current{border-color:var(--bh-accent);color:var(--bh-accent);box-shadow:0 0 10px var(--bh-glow)}.bh-progress i.done{background:var(--success);border-color:var(--success);color:#08131a}.bh-layout{display:grid;grid-template-columns:3fr 2fr;gap:1rem}.bh-code-area,.bh-side>*,.bh-action{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.bh-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--border)}.bh-tabs button{border:0;border-right:1px solid var(--border);background:transparent;padding:.7rem .9rem;color:var(--muted);font:700 .73rem "Courier New",monospace;cursor:pointer}.bh-tabs button.active{background:color-mix(in srgb,var(--bh-accent) 14%,transparent);color:var(--bh-accent)}.bh-code{padding:.55rem 0;overflow:auto;max-height:65vh;background:#0a090b}.bh-line{width:100%;min-width:max-content;display:grid;grid-template-columns:52px 1fr;gap:.8rem;text-align:left;border:0;border-left:3px solid transparent;padding:.1rem .8rem;background:transparent;color:#dad5d7;font:normal .83rem/1.55 "Courier New",monospace}.bh-line:not(:disabled){cursor:pointer}.bh-line:not(:disabled):hover,.bh-line.selected{background:color-mix(in srgb,var(--bh-accent) 17%,transparent);border-left-color:var(--bh-accent)}.bh-line span{text-align:right;color:#776e72;user-select:none}.bh-side{display:grid;gap:1rem;align-content:start}.bh-evidence,.bh-action{padding:1rem}.bh-evidence p{line-height:1.5}.bh-action h2{color:var(--heading);margin:.4rem 0}.bh-action p{color:var(--muted);line-height:1.45}.bh-handoff{border-color:var(--bh-accent);box-shadow:0 0 22px color-mix(in srgb,var(--bh-accent) 15%,transparent)}.bh-selected{font-family:"Courier New",monospace;color:var(--bh-accent)!important}.bh-options{display:grid;gap:.45rem;margin:.8rem 0}.bh-options button{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;padding:.65rem;color:var(--text);text-align:left;cursor:pointer}.bh-options button.selected{border-color:var(--bh-accent);color:var(--bh-accent);box-shadow:inset 0 0 0 1px var(--bh-accent)}.bh-attempts{font:normal .75rem "Courier New",monospace!important}.bh-feedback{min-height:1.4rem;font:700 .8rem "Courier New",monospace}.bh-feedback.ok{color:var(--success)}.bh-feedback.bad{color:var(--danger)}.bh-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.6rem}.bh-debrief,.bh-result{text-align:center;max-width:780px;margin:7vh auto}.bh-diff{display:grid;gap:.35rem;text-align:left;background:#0b0a0c;padding:1rem;margin:1rem 0;font:normal .8rem "Courier New",monospace}.bh-diff span:first-child{color:var(--danger)}.bh-diff span:nth-of-type(2){color:var(--success)}.bh-diff code{color:#ded7db}.bh-score{font:700 3.5rem "Courier New",monospace;color:var(--bh-accent);text-shadow:0 0 20px var(--bh-glow)}.bh-stars{color:var(--bh-accent);font-size:1.5rem}.bh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.bh-stats div{padding:.75rem;background:var(--surface-2);border-radius:7px;color:var(--muted);font-size:.8rem}.bh-stats b{display:block;color:var(--heading);font:700 1.1rem "Courier New",monospace;margin-bottom:.2rem}@media(max-width:850px){.bh-layout{grid-template-columns:1fr}.bh-code{max-height:45vh}.bh-case-deck{min-height:590px}}@media(max-width:560px){.bh-top{grid-template-columns:1fr auto}.bh-brand{display:none}.bh-stats{grid-template-columns:1fr 1fr}.bh-view{padding:1.1rem .75rem}.bh-line{grid-template-columns:38px 1fr;font-size:.74rem}.bh-hunt-head h1{font-size:1.35rem}.bh-archive-head{display:block}.bh-archive-head p{margin-top:.5rem}.bh-case-deck{min-height:auto;display:grid;gap:.7rem}.bh-case{position:relative;inset:auto;width:100%;min-height:0;transform:none!important}.bh-case.active{min-height:0}.bh-case-peek{margin-top:.5rem}} +.bh-body{--bh-bg:#0a0806;--bh-surface:#120f0a;--bh-surface-2:#1b1610;--bh-panel:#13100b;--bh-drawer:#3a2d28;--bh-drawer-2:#211918;--bh-drawer-active-2:#2b1c21;--bh-drawer-border:#6d5145;--bh-drawer-edge:#120d0c;--bh-handle-border:#947663;--bh-handle-bg:#1a1311;--bh-cabinet-frame:#231b18;--bh-cabinet-a:#171110;--bh-cabinet-b:#2a211d;--bh-cabinet-c:#16100f;--bh-cabinet-inset:#57433a;--bh-cabinet-label:#c9b29a;--bh-cabinet-level-border:#60473d;--bh-text:#ece3d2;--bh-heading:#ffffff;--bh-muted:#8c8170;--bh-accent:#d94b64;--bh-glow:rgba(217,75,100,.42);--bh-border:#2a2117;--bh-code-bg:#0a090b;--bh-code-text:#dad5d7;--bh-code-gutter:#776e72;--bh-pre-bg:#0d0c0f;--bh-pre-text:#d8cbd0;--bh-diff-bg:#0b0a0c;--bh-diff-text:#ded7db;--bh-btn-ink:#19090e;--bh-accent-ink:#210c12;--bh-success-ink:#08131a;--bh-stamp:#79bf91;--bh-vignette:rgba(0,0,0,.28)} +[data-theme="light"] .bh-body{--bh-bg:#f7f1e8;--bh-surface:#fffaf2;--bh-surface-2:#f2e7d5;--bh-panel:#f3e9d8;--bh-drawer:#e8d9c4;--bh-drawer-2:#d9c5a8;--bh-drawer-active-2:#dcc09f;--bh-drawer-border:#c9b491;--bh-drawer-edge:#c2ad88;--bh-handle-border:#a3835f;--bh-handle-bg:#cbb794;--bh-cabinet-frame:#9c7f57;--bh-cabinet-a:#cdb896;--bh-cabinet-b:#c2ac87;--bh-cabinet-c:#cab595;--bh-cabinet-inset:#b89a70;--bh-cabinet-label:#6f5f4e;--bh-cabinet-level-border:#d3c09f;--bh-text:#33261d;--bh-heading:#241a12;--bh-muted:#6f5f4e;--bh-accent:#c22736;--bh-glow:rgba(194,39,54,.26);--bh-border:#e2d3bd;--bh-code-bg:#fbf4e8;--bh-code-text:#33261d;--bh-code-gutter:#8a7758;--bh-pre-bg:#f4ebdc;--bh-pre-text:#33261d;--bh-diff-bg:#f4ebdc;--bh-diff-text:#33261d;--bh-btn-ink:#fffaf2;--bh-accent-ink:#fffaf2;--bh-success-ink:#f7f1e8;--bh-stamp:#1f7a43;--bh-vignette:rgba(140,105,70,.05)} +.bh-cabinet{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-top:.8rem;padding:1.2rem;border:10px solid var(--bh-cabinet-frame);border-radius:8px;background:linear-gradient(90deg,var(--bh-cabinet-a),var(--bh-cabinet-b) 8%,var(--bh-cabinet-c) 92%,var(--bh-cabinet-b));box-shadow:inset 0 0 0 2px var(--bh-cabinet-inset),0 14px 32px rgba(0,0,0,.3);position:relative}.bh-cabinet-label{grid-column:1/-1;margin:-.4rem 0 .2rem;color:var(--bh-cabinet-label);font:700 .63rem "Courier New",monospace;letter-spacing:.17em;text-align:center}.bh-drawer{min-height:116px;display:grid;grid-template-rows:auto 1fr auto;gap:.35rem;position:relative;text-align:left;padding:1.05rem 1rem .8rem;border:1px solid var(--bh-drawer-border);border-radius:5px;background:linear-gradient(180deg,var(--bh-drawer),var(--bh-drawer-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -4px 0 rgba(0,0,0,.32),0 3px 0 var(--bh-drawer-edge);color:var(--bh-text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.bh-drawer:hover,.bh-drawer:focus-visible{transform:translateY(-3px);border-color:var(--bh-accent);outline:2px solid color-mix(in srgb,var(--bh-accent) 45%,transparent);outline-offset:2px}.bh-drawer.active{background:linear-gradient(180deg,color-mix(in srgb,var(--bh-accent) 22%,var(--bh-drawer)),var(--bh-drawer-active-2));border-color:var(--bh-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 18px color-mix(in srgb,var(--bh-accent) 22%,transparent),0 3px 0 var(--bh-drawer-edge)}.bh-drawer-handle{position:absolute;top:8px;right:10px;width:34px;height:6px;border:1px solid var(--bh-handle-border);border-radius:8px;background:var(--bh-handle-bg);box-shadow:inset 0 1px 1px rgba(255,255,255,.16)}.bh-drawer strong{align-self:center;padding-right:1.8rem;color:var(--bh-heading);font-size:1.03rem;line-height:1.18}.bh-drawer small{font:700 .65rem "Courier New",monospace;color:var(--bh-muted);letter-spacing:.04em}.bh-case-detail{margin-top:1rem;padding:1.35rem 1.45rem;border:1px solid color-mix(in srgb,var(--bh-accent) 55%,var(--bh-border));border-left:6px solid var(--bh-accent);border-radius:10px;background:linear-gradient(105deg,color-mix(in srgb,var(--bh-accent) 10%,var(--bh-surface)),var(--bh-surface));box-shadow:0 10px 26px rgba(0,0,0,.2)}.bh-case-detail h2{margin:.4rem 0;color:var(--bh-heading)}.bh-case-detail p{max-width:760px;margin:.5rem 0;color:var(--bh-muted);line-height:1.55} +.bh-app{--accent:var(--bh-accent);--glow-s:var(--bh-glow);min-height:100vh;color:var(--bh-text);background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--bh-accent) 14%,transparent),transparent 33%),linear-gradient(135deg,var(--bh-vignette),transparent 55%),var(--bh-bg);font-family:Georgia,"Times New Roman",serif}.bh-top{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 24px;border-bottom:1px solid color-mix(in srgb,var(--bh-accent) 45%,var(--bh-border));background:color-mix(in srgb,var(--bh-panel) 94%,transparent);position:sticky;top:0;z-index:5}.bh-back{color:var(--bh-muted);text-decoration:none}.bh-brand{text-align:center}.bh-brand b{display:block;color:var(--bh-accent);font:700 1.25rem/1 "Courier New",monospace;letter-spacing:.2em;text-shadow:0 0 14px var(--bh-glow)}.bh-brand span,.bh-kicker{font:700 .66rem/1.3 "Courier New",monospace;letter-spacing:.13em;color:var(--bh-muted)}.bh-top .mf-a11y-host{justify-self:end}.bh-view{max-width:1240px;margin:auto;padding:2rem 1.25rem}.bh-loading{text-align:center;padding:20vh 0;color:var(--bh-muted);font-family:"Courier New",monospace}.bh-hero,.bh-briefing,.bh-debrief,.bh-result{position:relative;border:1px solid color-mix(in srgb,var(--bh-accent) 55%,var(--bh-border));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--bh-surface) 95%,transparent),var(--bh-surface));padding:1.6rem;box-shadow:0 12px 34px rgba(0,0,0,.18)}.bh-hero:before,.bh-briefing:before,.bh-debrief:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--bh-accent) 26%,transparent);pointer-events:none}.bh-hero h1,.bh-briefing h1,.bh-hunt-head h1,.bh-debrief h1,.bh-result h1{color:var(--bh-heading);margin:.45rem 0}.bh-hero p,.bh-briefing p,.bh-case p,.bh-debrief p{line-height:1.6;color:var(--bh-muted);max-width:850px}.bh-stamp{display:inline-block;border:2px solid var(--bh-accent);color:var(--bh-accent);font:700 .7rem/1 "Courier New",monospace;letter-spacing:.12em;padding:.28rem .42rem;transform:rotate(-3deg);margin:0 .65rem .4rem 0}.bh-archive{margin-top:1.2rem}.bh-archive-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:0 .5rem}.bh-archive-head h2{margin:.3rem 0;color:var(--bh-heading)}.bh-archive-head p{margin:0;color:var(--bh-muted);font-size:.9rem}.bh-case-deck{position:relative;min-height:540px;margin-top:.8rem}.bh-case{position:absolute;inset:0 auto auto 50%;width:min(680px,92%);min-height:260px;transform:translateX(-50%) translateY(calc(var(--stack) * 25px)) rotate(var(--tilt));z-index:calc(30 - var(--stack));border:1px solid var(--bh-border);border-radius:10px;background:linear-gradient(120deg,var(--bh-surface),color-mix(in srgb,var(--bh-accent) 6%,var(--bh-surface)));padding:1.15rem 1.25rem;box-shadow:4px 6px 0 color-mix(in srgb,var(--bh-accent) 16%,transparent),0 10px 26px rgba(0,0,0,.2);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bh-case:hover,.bh-case:focus-visible{border-color:var(--bh-accent);outline:none}.bh-case.active{min-height:355px;border-color:color-mix(in srgb,var(--bh-accent) 70%,var(--bh-border));box-shadow:7px 9px 0 color-mix(in srgb,var(--bh-accent) 22%,transparent),0 16px 40px rgba(0,0,0,.32)}.bh-case h2{color:var(--bh-heading);margin:.4rem 0}.bh-case-no{color:var(--bh-accent);font:700 .68rem "Courier New",monospace;letter-spacing:.08em}.bh-case-peek{display:block;margin-top:5.5rem;color:var(--bh-muted);font:italic .88rem Georgia,serif}.bh-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin:.9rem 0}.bh-tags span{border:1px solid var(--bh-border);border-radius:99px;padding:.22rem .5rem;font:700 .65rem "Courier New",monospace;color:var(--bh-muted)}.bh-btn{border:1px solid var(--bh-accent);background:transparent;border-radius:6px;padding:.65rem .85rem;color:var(--bh-accent);font:700 .72rem "Courier New",monospace;letter-spacing:.06em;cursor:pointer}.bh-btn:hover,.bh-btn.primary{background:var(--bh-accent);color:var(--bh-btn-ink);box-shadow:0 0 16px var(--bh-glow)}.bh-briefing pre,.bh-evidence pre{white-space:pre-wrap;background:var(--bh-pre-bg);color:var(--bh-pre-text);border-left:3px solid var(--bh-accent);padding:.8rem;font:normal .78rem/1.5 "Courier New",monospace}.bh-rules{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.bh-rules div{background:var(--bh-surface-2);padding:.65rem;border-radius:7px;color:var(--bh-muted)}.bh-rules b{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--bh-accent);color:var(--bh-accent-ink);margin-right:.35rem}.bh-hunt-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.bh-combo{border:1px solid var(--bh-accent);border-radius:50%;width:68px;height:68px;display:grid;place-content:center;text-align:center;color:var(--bh-accent);font:700 1.25rem "Courier New",monospace}.bh-combo small{font-size:.46rem;text-transform:uppercase;color:var(--bh-muted)}.bh-progress{display:flex;gap:.45rem;margin:1rem 0}.bh-progress i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--bh-border);font:700 .75rem "Courier New",monospace;color:var(--bh-muted);font-style:normal}.bh-progress i.current{border-color:var(--bh-accent);color:var(--bh-accent);box-shadow:0 0 10px var(--bh-glow)}.bh-progress i.done{background:var(--success);border-color:var(--success);color:var(--bh-success-ink)}.bh-layout{display:grid;grid-template-columns:3fr 2fr;gap:1rem}.bh-code-area,.bh-side>*,.bh-action{border:1px solid var(--bh-border);border-radius:10px;background:var(--bh-surface)}.bh-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--bh-border)}.bh-tabs button{border:0;border-right:1px solid var(--bh-border);background:transparent;padding:.7rem .9rem;color:var(--bh-muted);font:700 .73rem "Courier New",monospace;cursor:pointer}.bh-tabs button.active{background:color-mix(in srgb,var(--bh-accent) 14%,transparent);color:var(--bh-accent)}.bh-code{padding:.55rem 0;overflow:auto;max-height:65vh;background:var(--bh-code-bg)}.bh-line{width:100%;min-width:max-content;display:grid;grid-template-columns:52px 1fr;gap:.8rem;text-align:left;border:0;border-left:3px solid transparent;padding:.1rem .8rem;background:transparent;color:var(--bh-code-text);font:normal .83rem/1.55 "Courier New",monospace}.bh-line:not(:disabled){cursor:pointer}.bh-line:not(:disabled):hover,.bh-line.selected{background:color-mix(in srgb,var(--bh-accent) 17%,transparent);border-left-color:var(--bh-accent)}.bh-line span{text-align:right;color:var(--bh-code-gutter);user-select:none}.bh-side{display:grid;gap:1rem;align-content:start}.bh-evidence,.bh-action{padding:1rem}.bh-evidence p{line-height:1.5}.bh-action h2{color:var(--bh-heading);margin:.4rem 0}.bh-action p{color:var(--bh-muted);line-height:1.45}.bh-handoff{border-color:var(--bh-accent);box-shadow:0 0 22px color-mix(in srgb,var(--bh-accent) 15%,transparent)}.bh-selected{font-family:"Courier New",monospace;color:var(--bh-accent)!important}.bh-options{display:grid;gap:.45rem;margin:.8rem 0}.bh-options button{border:1px solid var(--bh-border);background:var(--bh-surface-2);border-radius:6px;padding:.65rem;color:var(--bh-text);text-align:left;cursor:pointer}.bh-options button.selected{border-color:var(--bh-accent);color:var(--bh-accent);box-shadow:inset 0 0 0 1px var(--bh-accent)}.bh-attempts{font:normal .75rem "Courier New",monospace!important}.bh-feedback{min-height:1.4rem;font:700 .8rem "Courier New",monospace}.bh-feedback.ok{color:var(--success)}.bh-feedback.bad{color:var(--danger)}.bh-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.6rem}.bh-debrief,.bh-result{text-align:center;max-width:780px;margin:7vh auto}.bh-diff{display:grid;gap:.35rem;text-align:left;background:var(--bh-diff-bg);padding:1rem;margin:1rem 0;font:normal .8rem "Courier New",monospace}.bh-diff span:first-child{color:var(--danger)}.bh-diff span:nth-of-type(2){color:var(--success)}.bh-diff code{color:var(--bh-diff-text)}.bh-score{font:700 3.5rem "Courier New",monospace;color:var(--bh-accent);text-shadow:0 0 20px var(--bh-glow)}.bh-stars{color:var(--bh-accent);font-size:1.5rem}.bh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.bh-stats div{padding:.75rem;background:var(--bh-surface-2);border-radius:7px;color:var(--bh-muted);font-size:.8rem}.bh-stats b{display:block;color:var(--bh-heading);font:700 1.1rem "Courier New",monospace;margin-bottom:.2rem}@media(max-width:850px){.bh-layout{grid-template-columns:1fr}.bh-code{max-height:45vh}.bh-case-deck{min-height:590px}}@media(max-width:560px){.bh-top{grid-template-columns:1fr auto}.bh-brand{display:none}.bh-stats{grid-template-columns:1fr 1fr}.bh-view{padding:1.1rem .75rem}.bh-line{grid-template-columns:38px 1fr;font-size:.74rem}.bh-hunt-head h1{font-size:1.35rem}.bh-archive-head{display:block}.bh-archive-head p{margin-top:.5rem}.bh-case-deck{min-height:auto;display:grid;gap:.7rem}.bh-case{position:relative;inset:auto;width:100%;min-height:0;transform:none!important}.bh-case.active{min-height:0}.bh-case-peek{margin-top:.5rem}} +.bh-cabinet-level{grid-column:1/-1;margin:.5rem 0 -.15rem;padding-bottom:.35rem;border-bottom:1px solid var(--bh-cabinet-level-border);color:var(--bh-accent);font:700 .66rem "Courier New",monospace;letter-spacing:.12em}.bh-drawer.solved{overflow:hidden}.bh-solved-stamp{display:inline-block;border:3px solid var(--bh-stamp);border-radius:4px;padding:.24rem .48rem;color:var(--bh-stamp);font:700 .78rem/1 "Courier New",monospace;letter-spacing:.12em;transform:rotate(-12deg);text-shadow:none;box-shadow:0 0 12px color-mix(in srgb,var(--bh-stamp) 26%,transparent);pointer-events:none}.bh-drawer .bh-solved-stamp{position:absolute;right:3.1rem;top:.75rem}.bh-solved-stamp-detail{position:absolute;right:1.4rem;top:1.25rem;font-size:1rem}.bh-solved-stamp-result{margin:0 0 .8rem;font-size:1.15rem} diff --git a/src/main/resources/static/css/networker.css b/src/main/resources/static/css/networker.css index cc50291..217c344 100644 --- a/src/main/resources/static/css/networker.css +++ b/src/main/resources/static/css/networker.css @@ -1 +1 @@ -.nw-app{--accent:var(--nw-accent);min-height:100vh;background:linear-gradient(rgba(12,30,55,.92),rgba(8,18,34,.96)),repeating-linear-gradient(0deg,transparent 0 29px,rgba(103,187,255,.08) 30px),repeating-linear-gradient(90deg,transparent 0 29px,rgba(103,187,255,.08) 30px);color:var(--text);font-family:"Courier New",monospace}.nw-top{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 24px;border-bottom:1px solid color-mix(in srgb,var(--nw-accent) 52%,var(--border));background:color-mix(in srgb,var(--panel) 94%,transparent)}.nw-back{color:var(--muted);text-decoration:none}.nw-brand{text-align:center}.nw-brand b{display:block;color:var(--nw-accent);font-size:1.25rem;letter-spacing:.2em;text-shadow:0 0 14px var(--nw-glow)}.nw-brand span,.nw-kicker{color:var(--muted);font-size:.65rem;letter-spacing:.15em}.nw-top .mf-a11y-host{justify-self:end}.nw-view{max-width:1240px;margin:auto;padding:2rem 1.2rem}.nw-loading{text-align:center;padding:20vh 0;color:var(--muted)}.nw-hero,.nw-brief,.nw-result,.nw-world,.nw-panel,.nw-board{border:1px solid color-mix(in srgb,var(--nw-accent) 48%,var(--border));background:color-mix(in srgb,var(--surface) 91%,transparent);border-radius:12px;padding:1.4rem;box-shadow:0 0 24px color-mix(in srgb,var(--nw-accent) 10%,transparent)}.nw-hero h1,.nw-brief h1,.nw-level-head h1,.nw-result h1{margin:.45rem 0;color:var(--heading)}.nw-hero p,.nw-brief p,.nw-world p{color:var(--muted);line-height:1.55}.nw-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.nw-world{display:flex;flex-direction:column;align-items:flex-start}.nw-world span{color:var(--nw-accent);font-size:.7rem}.nw-world h2{color:var(--heading)}.nw-world small{margin-bottom:1rem;color:var(--muted)}.nw-btn{border:1px solid var(--nw-accent);border-radius:6px;background:transparent;color:var(--nw-accent);padding:.65rem .85rem;font:700 .72rem "Courier New",monospace;letter-spacing:.07em;cursor:pointer}.nw-btn.primary,.nw-btn:hover{background:var(--nw-accent);color:#061321;box-shadow:0 0 16px var(--nw-glow)}.nw-rules,.nw-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.nw-rules div{padding:.6rem;background:var(--surface-2);border-radius:6px;color:var(--muted)}.nw-rules b{display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--nw-accent);color:#061321}.nw-level-head{display:flex;justify-content:space-between;align-items:center}.nw-score{display:grid;place-items:center;width:66px;height:66px;border:1px solid var(--nw-accent);border-radius:50%;color:var(--nw-accent);font-size:1.1rem}.nw-score small{font-size:.5rem}.nw-progress{display:flex;gap:.5rem;margin:1rem 0}.nw-progress i{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;font-style:normal;color:var(--muted)}.nw-progress i.active{border-color:var(--nw-accent);color:var(--nw-accent)}.nw-progress i.done{background:var(--success);color:#061321}.nw-layout{display:grid;grid-template-columns:3fr 2fr;gap:1rem}.nw-board{min-height:520px;padding:.5rem;overflow:auto}.nw-board svg{min-width:700px;width:100%;height:100%}.nw-link{stroke:var(--nw-accent);stroke-width:4;stroke-dasharray:8 6;fill:none}.nw-node rect{fill:color-mix(in srgb,var(--surface) 88%,#071827);stroke:var(--nw-accent);stroke-width:2}.nw-node text{fill:var(--text);font:700 13px "Courier New",monospace}.nw-router rect{stroke:#b18cff}.nw-panel{display:grid;align-content:start;gap:.8rem}.nw-panel h2{margin:.1rem 0;color:var(--heading);font-size:1rem}.nw-panel fieldset{border:1px solid var(--border);border-radius:7px;display:grid;gap:.5rem}.nw-panel legend{color:var(--nw-accent);font-size:.72rem}.nw-panel label{display:grid;gap:.2rem;color:var(--muted);font-size:.7rem}.nw-panel input,.nw-panel textarea{width:100%;box-sizing:border-box;background:#06111f;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.45rem;font:inherit}.nw-goals div{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--border);font-size:.72rem}.nw-goals span{color:var(--muted)}.nw-goals span.ok,.nw-feedback.ok{color:var(--success)}.nw-goals span.bad,.nw-feedback.bad{color:var(--danger)}.nw-feedback{min-height:1.3rem;font-size:.78rem;line-height:1.4}.nw-result{text-align:center;max-width:720px;margin:7vh auto}.nw-final-score{font-size:3.5rem;color:var(--nw-accent);text-shadow:0 0 20px var(--nw-glow)}.nw-result>p{color:var(--nw-accent);font-size:1.4rem}.nw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.nw-stats div{background:var(--surface-2);border-radius:6px;padding:.7rem;color:var(--muted);font-size:.75rem}.nw-stats b{display:block;color:var(--heading);font-size:1.1rem}@media(max-width:850px){.nw-layout,.nw-worlds{grid-template-columns:1fr}.nw-board{min-height:380px}.nw-top{grid-template-columns:1fr auto}.nw-brand{display:none}} +.nw-body{--nw-bg:#071527;--nw-surface:#120f0a;--nw-text:#ece3d2;--nw-muted:#8c8170;--nw-accent:#4f8ff7;--nw-border:#2a2117;--nw-glow:rgba(79,143,247,.42);--nw-ink:#061321;--nw-field:#06111f;--nw-router:#b18cff;--nw-grid:rgba(103,187,255,.12);--nw-halo:rgba(27,89,148,.38);--nw-board-bg:rgba(5,18,33,.9)}[data-theme="light"] .nw-body{--nw-bg:#eef4fb;--nw-surface:#ffffff;--nw-text:#16324a;--nw-muted:#54708c;--nw-accent:#1668a8;--nw-border:#d3e2f0;--nw-glow:rgba(22,104,168,.22);--nw-ink:#ffffff;--nw-field:#ffffff;--nw-router:#7c3aed;--nw-grid:rgba(22,104,168,.14);--nw-halo:rgba(70,140,200,.16);--nw-board-bg:rgba(255,255,255,.92)}.nw-app{--accent:var(--nw-accent);min-height:100vh;background:repeating-linear-gradient(0deg,var(--nw-grid) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,var(--nw-grid) 0 1px,transparent 1px 30px),radial-gradient(circle at 50% -20%,var(--nw-halo),transparent 48%),var(--nw-bg);color:var(--nw-text);font-family:"Courier New",monospace}.nw-top{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 24px;border-bottom:1px solid color-mix(in srgb,var(--nw-accent) 52%,var(--nw-border));background:color-mix(in srgb,var(--panel) 94%,transparent)}.nw-back{color:var(--nw-muted);text-decoration:none}.nw-brand{text-align:center}.nw-brand b{display:block;color:var(--nw-accent);font-size:1.25rem;letter-spacing:.2em;text-shadow:0 0 14px var(--nw-glow)}.nw-brand span,.nw-kicker{color:var(--nw-muted);font-size:.65rem;letter-spacing:.15em}.nw-top .mf-a11y-host{justify-self:end}.nw-view{max-width:1240px;margin:auto;padding:2rem 1.2rem}.nw-loading{text-align:center;padding:20vh 0;color:var(--nw-muted)}.nw-hero,.nw-brief,.nw-result,.nw-world,.nw-panel,.nw-board{border:1px solid color-mix(in srgb,var(--nw-accent) 48%,var(--nw-border));background:color-mix(in srgb,var(--nw-surface) 91%,transparent);border-radius:12px;padding:1.4rem;box-shadow:0 0 24px color-mix(in srgb,var(--nw-accent) 10%,transparent)}.nw-hero h1,.nw-brief h1,.nw-level-head h1,.nw-result h1{margin:.45rem 0;color:var(--heading)}.nw-hero p,.nw-brief p,.nw-world p{color:var(--nw-muted);line-height:1.55}.nw-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.nw-world{display:flex;flex-direction:column;align-items:flex-start}.nw-world span{color:var(--nw-accent);font-size:.7rem}.nw-world h2{color:var(--heading)}.nw-world small{margin-bottom:1rem;color:var(--nw-muted)}.nw-btn{border:1px solid var(--nw-accent);border-radius:6px;background:transparent;color:var(--nw-accent);padding:.65rem .85rem;font:700 .72rem "Courier New",monospace;letter-spacing:.07em;cursor:pointer}.nw-btn.primary,.nw-btn:hover{background:var(--nw-accent);color:var(--nw-ink);box-shadow:0 0 16px var(--nw-glow)}.nw-rules,.nw-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.nw-rules div{padding:.6rem;background:var(--surface-2);border-radius:6px;color:var(--nw-muted)}.nw-rules b{display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--nw-accent);color:var(--nw-ink)}.nw-level-head{display:flex;justify-content:space-between;align-items:center}.nw-score{display:grid;place-items:center;width:66px;height:66px;border:1px solid var(--nw-accent);border-radius:50%;color:var(--nw-accent);font-size:1.1rem}.nw-score small{font-size:.5rem}.nw-progress{display:flex;gap:.5rem;margin:1rem 0}.nw-progress i{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--nw-border);border-radius:50%;font-style:normal;color:var(--nw-muted)}.nw-progress i.active{border-color:var(--nw-accent);color:var(--nw-accent)}.nw-progress i.done{background:var(--success);color:var(--nw-ink)}.nw-layout{display:grid;grid-template-columns:3fr 2fr;gap:1rem}.nw-board{min-height:520px;padding:.5rem;overflow:auto;background:repeating-linear-gradient(0deg,var(--nw-grid) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,var(--nw-grid) 0 1px,transparent 1px 30px),var(--nw-board-bg)}.nw-board svg{min-width:700px;width:100%;height:100%}.nw-link{stroke:var(--nw-accent);stroke-width:4;stroke-dasharray:8 6;fill:none}.nw-node rect{fill:color-mix(in srgb,var(--nw-surface) 88%,#071827);stroke:var(--nw-accent);stroke-width:2}.nw-node text{fill:var(--nw-text);font:700 13px "Courier New",monospace}.nw-router rect{stroke:var(--nw-router)}.nw-panel{display:grid;align-content:start;gap:.8rem}.nw-panel h2{margin:.1rem 0;color:var(--heading);font-size:1rem}.nw-panel fieldset{border:1px solid var(--nw-border);border-radius:7px;display:grid;gap:.5rem}.nw-panel legend{color:var(--nw-accent);font-size:.72rem}.nw-panel label{display:grid;gap:.2rem;color:var(--nw-muted);font-size:.7rem}.nw-panel input,.nw-panel textarea{width:100%;box-sizing:border-box;background:var(--nw-field);color:var(--nw-text);border:1px solid var(--nw-border);border-radius:4px;padding:.45rem;font:inherit}.nw-goals div{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--nw-border);font-size:.72rem}.nw-goals span{color:var(--nw-muted)}.nw-goals span.ok,.nw-feedback.ok{color:var(--success)}.nw-goals span.bad,.nw-feedback.bad{color:var(--danger)}.nw-feedback{min-height:1.3rem;font-size:.78rem;line-height:1.4}.nw-result{text-align:center;max-width:720px;margin:7vh auto}.nw-final-score{font-size:3.5rem;color:var(--nw-accent);text-shadow:0 0 20px var(--nw-glow)}.nw-result>p{color:var(--nw-accent);font-size:1.4rem}.nw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.nw-stats div{background:var(--surface-2);border-radius:6px;padding:.7rem;color:var(--nw-muted);font-size:.75rem}.nw-stats b{display:block;color:var(--heading);font-size:1.1rem}@media(max-width:850px){.nw-layout,.nw-worlds{grid-template-columns:1fr}.nw-board{min-height:380px}.nw-top{grid-template-columns:1fr auto}.nw-brand{display:none}} diff --git a/src/main/resources/static/css/platform-neural.css b/src/main/resources/static/css/platform-neural.css index 39b6e08..68f5948 100644 --- a/src/main/resources/static/css/platform-neural.css +++ b/src/main/resources/static/css/platform-neural.css @@ -93,5 +93,22 @@ html[data-theme="light"].sn-platform body .mf-footer { background:rgba(244,251,2 html[data-theme="light"].sn-platform body .auth-container { background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,249,243,.98)); border-color:rgba(22,122,82,.38); } html[data-theme="light"].sn-platform body .overlay { background:radial-gradient(520px 320px at 62% 18%,rgba(22,122,82,.15),transparent 62%),linear-gradient(150deg,#e8f6ef,#f7fcf9); } html[data-theme="light"].sn-platform body .auth-head b { color:#167a52; } +/* Light-Kartenakzente: farbton-treu abgedunkelt, damit die Neon-Werte aus Z.41-49 + nicht auf die fast-weissen Karten leaken. Alle Akzente >=4.6:1 auf Kartengrund, + weisse Ink darauf >=4.9:1; --accent-2 als hellerer Deko-Ton. */ +html[data-theme="light"].sn-platform body .mf-card-mindmatch { --accent:#a62c74; --accent-2:#c87ca9; --glow-s:rgba(166,44,116,.22); } +html[data-theme="light"].sn-platform body .mf-card-techtacular { --accent:#67700a; --accent-2:#a1a667; --glow-s:rgba(103,112,10,.22); } +html[data-theme="light"].sn-platform body .mf-card-devlab { --accent:#167a52; --accent-2:#6fad94; --glow-s:rgba(22,122,82,.22); } +html[data-theme="light"].sn-platform body .mf-card-syntaxsaga { --accent:#6742d6; --accent-2:#a18ae6; --glow-s:rgba(103,66,214,.22); } +html[data-theme="light"].sn-platform body .mf-card-codeescape { --accent:#8a6a06; --accent-2:#b6a365; --glow-s:rgba(138,106,6,.22); } +html[data-theme="light"].sn-platform body .mf-card-serviceclash { --accent:#0e7c86; --accent-2:#6aaeb4; --glow-s:rgba(14,124,134,.22); } +html[data-theme="light"].sn-platform body .mf-card-bughunter { --accent:#c22736; --accent-2:#d97982; --glow-s:rgba(194,39,54,.22); } +html[data-theme="light"].sn-platform body .mf-card-networker { --accent:#1668a8; --accent-2:#6fa1c9; --glow-s:rgba(22,104,168,.22); } +html[data-theme="light"].sn-platform body .mf-card-finalprotocol{ --accent:#b5490f; --accent-2:#d18e6a; --glow-s:rgba(181,73,15,.22); } +/* Light-Variante des finalflux-Shell-Overrides (dunkel: Z.57-60). */ +html[data-theme="light"].sn-platform body.finalflux-shell, html[data-theme="light"].sn-platform body.finalflux-page { + --accent:#b5490f; --accent-2:#d18e6a; --accent-ink:#fff; + --glow-s:rgba(181,73,15,.22); --glow-w:rgba(181,73,15,.12); +} @media (max-width:820px) { html.sn-platform body .mf-sidebar { background:#061114; } } @media (max-width:820px) { html[data-theme="light"].sn-platform body .mf-sidebar { background:#f5fbf7; } } diff --git a/src/main/resources/static/css/serviceclash.css b/src/main/resources/static/css/serviceclash.css index 2f58d07..7d33e01 100644 --- a/src/main/resources/static/css/serviceclash.css +++ b/src/main/resources/static/css/serviceclash.css @@ -1 +1 @@ -.sc-app{--sc-accent:#2bb6d7;--sc-glow:rgba(43,182,215,.28);--sc-danger:#ef5a62;min-height:100vh;background:radial-gradient(circle at 20% 0,#0e2e3c 0,transparent 37%),#071015;color:#edf8fb;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 rgba(43,182,215,.42);background:#0c1011}.sc-nav{display:flex;align-items:center;gap:.8rem}.sc-nav a{color:#b9c9ce;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:#c0ad81}.sc-top .mf-a11y-host{justify-self:end}.sc-view{max-width:1240px;margin:auto;padding:3rem 2rem 5rem}.sc-loading{color:#c0ad81;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:#b9c9ce;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 rgba(43,182,215,.36);background:linear-gradient(145deg,rgba(18,35,40,.94),rgba(8,16,19,.95));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 rgba(43,182,215,.12);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:#b9c9ce;flex:1}.sc-meta{display:flex;gap:.55rem;flex-wrap:wrap}.sc-meta span{border:1px solid rgba(192,173,129,.34);padding:.28rem .48rem;color:#d6c49f;font-size:.72rem}.sc-btn{appearance:none;border:1px solid var(--sc-accent);background:transparent;color:#eafaff;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:#061316;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:rgba(43,182,215,.09);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:#b9c9ce;font-size:.83rem}.sc-meter{height:8px;background:#17262c;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:#0a1519;border:1px solid #24424c;color:#c9d8dc;padding:.65rem;cursor:pointer;font:inherit;font-size:.78rem}.sc-ticket-list button.active{border-color:var(--sc-accent);color:white}.sc-ticket-list button.done:after{content:" ✓";color:#87e2ab}.sc-ticket-head{display:flex;justify-content:space-between;gap:1rem;color:#c0ad81;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:#dde9eb}.sc-steps{display:flex;gap:.5rem;margin:1.4rem 0}.sc-step{border:1px solid #31515b;color:#8aa3aa;padding:.35rem .55rem;font-size:.72rem}.sc-step.active{border-color:var(--sc-accent);color:var(--sc-accent)}.sc-step.done{border-color:#75ce94;color:#75ce94}.sc-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.sc-choice{border:1px solid #31515b;background:#0a1519;color:#eef9fb;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:#102126;line-height:1.55}.sc-feedback.bad{border-color:var(--sc-danger)}.sc-reveal{color:#c0ad81;background:none;border:0;text-decoration:underline;cursor:pointer;margin-top:1rem;font:inherit}.sc-debrief{margin-top:1.4rem;border-top:1px solid #294a54;padding-top:1rem;color:#c9d8dc;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 #31515b;padding:1rem}.sc-result-grid b{display:block;font-size:1.5rem;color:white}@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}} +.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}} diff --git a/src/main/resources/static/css/theme.css b/src/main/resources/static/css/theme.css index 0f84f42..ff1fb60 100644 --- a/src/main/resources/static/css/theme.css +++ b/src/main/resources/static/css/theme.css @@ -15,7 +15,7 @@ --border-accent:rgba(240,168,26,.45); --accent:#f0a81a; --accent-2:#f7dc11; --accent-ink:#1c1100; --secondary:#2d9cce; --secondary-2:#5cc4e8; --text:#ece3d2; --muted:#8c8170; --heading:#ffffff; - --success:#2d9cce; --danger:#ff4d6d; + --success:#2d9cce; --danger:#ff4d6d; --warn:#edcb4c; --esc-accent:#f0a81a; --esc-glow:rgba(240,168,26,.48); --bh-accent:#d94b64; --bh-glow:rgba(217,75,100,.42); --sc-accent:#38b9d6; --sc-glow:rgba(56,185,214,.40); @@ -34,19 +34,19 @@ --bg:#fbf6ec; --bg-glow: radial-gradient(900px 420px at 60% -10%, rgba(214,81,22,.10), transparent 60%); --panel:#ffffff; --panel-2:#fdf7ea; --surface:#ffffff; --surface-2:#fbf4e6; --border:#ece1cf; --line:#f1e8d8; - --border-accent:rgba(214,81,22,.40); --accent:#d65116; --accent-2:#e4801d; --accent-ink:#ffffff; - --secondary:#1f86b8; --secondary-2:#2d9cce; - --text:#33271c; --muted:#8a7d6c; --heading:#241a12; - --success:#1f86b8; --danger:#be123c; - --esc-accent:#c96a12; --esc-glow:rgba(201,106,18,.30); + --border-accent:rgba(194,65,12,.40); --accent:#c2410c; --accent-2:#b45309; --accent-ink:#ffffff; + --secondary:#146b96; --secondary-2:#0f5a80; + --text:#33271c; --muted:#6b5f4c; --heading:#241a12; + --success:#146b96; --danger:#be123c; --warn:#8a6a06; + --esc-accent:#a85408; --esc-glow:rgba(168,84,8,.30); --bh-accent:#b42342; --bh-glow:rgba(180,35,66,.26); - --sc-accent:#147f9e; --sc-glow:rgba(20,127,158,.26); + --sc-accent:#0e7c86; --sc-glow:rgba(14,124,134,.26); --nw-accent:#2868c7; --nw-glow:rgba(40,104,199,.26); --mm-accent:#7d4ac5; --mm-secondary:#127b68; --mm-glow:rgba(125,74,197,.24); --tt-accent:#b42c76; --tt-secondary:#315bb8; --tt-glow:rgba(180,44,118,.22); - --dl-accent:#ba5d16; --dl-secondary:#147d7a; --dl-glow:rgba(186,93,22,.22); - --ss-accent:#277d49; --ss-secondary:#a56918; --ss-glow:rgba(39,125,73,.20); - --ff-accent:#a8781f; --ff-secondary:#4b59ae; --ff-glow:rgba(168,120,31,.20); + --dl-accent:#9c4d0f; --dl-secondary:#147d7a; --dl-glow:rgba(156,77,15,.22); + --ss-accent:#277d49; --ss-secondary:#8a5710; --ss-glow:rgba(39,125,73,.20); + --ff-accent:#8c5e10; --ff-secondary:#4b59ae; --ff-glow:rgba(140,94,16,.20); --fluxtimer-primary:#b42342; --fluxtimer-secondary:#c96a12; --fluxtimer-display:#fff5ec; --fluxtimer-segment:#a93131; --glow-s:rgba(214,81,22,.40); --glow-w:rgba(214,81,22,.12); diff --git a/src/main/resources/templates/bughunter.html b/src/main/resources/templates/bughunter.html index f57fdb8..6251704 100644 --- a/src/main/resources/templates/bughunter.html +++ b/src/main/resources/templates/bughunter.html @@ -1 +1 @@ -
LEITSTAND WIRD HOCHGEFAHREN …
LEITSTAND WIRD HOCHGEFAHREN …