:root{
  --bg:#06090d;--panel:#0c1118;--panel2:#111923;--ink:#edf7f5;--muted:#849590;
  --acid:#83ffd1;--amber:#ffca70;--line:rgba(131,255,209,.17);--danger:#ff7188;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}
body{min-height:100vh;margin:0;color:var(--ink);font-family:var(--sans);background:
  radial-gradient(circle at 18% 8%,rgba(38,128,107,.16),transparent 32rem),
  radial-gradient(circle at 88% 76%,rgba(119,87,35,.12),transparent 35rem),var(--bg);overflow-x:hidden}
button,input{font:inherit}
button{color:inherit}
.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.scanline{position:fixed;inset:-50% 0;pointer-events:none;z-index:49;background:linear-gradient(transparent 49.8%,rgba(131,255,209,.025) 50%,transparent 50.2%);background-size:100% 7px;animation:scan 18s linear infinite}
@keyframes scan{to{transform:translateY(70px)}}
.site-head{height:92px;display:flex;align-items:center;gap:18px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);position:relative;z-index:4;background:rgba(6,9,13,.68);backdrop-filter:blur(16px)}
.sigil{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--acid);border-radius:50%;color:var(--acid);text-decoration:none;font:800 12px var(--mono);letter-spacing:.14em;position:relative;box-shadow:inset 0 0 18px rgba(131,255,209,.1),0 0 22px rgba(131,255,209,.08)}
.sigil:before,.sigil:after{content:"";position:absolute;border:1px solid rgba(131,255,209,.28);border-radius:50%}.sigil:before{inset:6px}.sigil:after{width:4px;height:4px;right:-3px;background:var(--acid);box-shadow:0 0 10px var(--acid)}
.site-id{display:grid;gap:3px}.site-id span,.live-state{font:600 9px var(--mono);letter-spacing:.2em;color:var(--muted)}.site-id strong{font:800 15px var(--mono);letter-spacing:.16em}
.live-state{margin-left:auto;display:flex;align-items:center;gap:9px}.live-state i{width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 14px var(--danger)}
.is-unlocked .live-state i{background:var(--acid);box-shadow:0 0 14px var(--acid);animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.35}}
.eyebrow{margin:0;color:var(--acid);font:700 10px var(--mono);letter-spacing:.24em;text-transform:uppercase}
.gate{min-height:calc(100vh - 92px);display:grid;place-items:center;padding:56px 20px 80px;position:relative}
.gate:before{content:"";position:absolute;width:min(720px,92vw);height:min(720px,92vw);border:1px solid rgba(131,255,209,.07);border-radius:50%;box-shadow:0 0 0 80px rgba(131,255,209,.018),0 0 0 160px rgba(131,255,209,.012);pointer-events:none}
.gate-panel{width:min(820px,100%);position:relative;text-align:center;padding:20px}
.radar{width:118px;height:118px;margin:0 auto 34px;border:1px solid rgba(131,255,209,.38);border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(131,255,209,.08),transparent 62%);box-shadow:0 0 40px rgba(131,255,209,.08)}
.radar:before,.radar:after{content:"";position:absolute;background:rgba(131,255,209,.2)}.radar:before{width:1px;height:100%}.radar:after{height:1px;width:100%}.radar span{position:absolute;inset:12px;border:1px dashed rgba(131,255,209,.22);border-radius:50%;animation:spin 8s linear infinite}.radar span:after{content:"";position:absolute;top:50%;left:50%;width:42%;height:1px;background:linear-gradient(90deg,var(--acid),transparent);transform-origin:left}.radar b{font:400 28px Georgia;color:var(--acid)}
@keyframes spin{to{transform:rotate(360deg)}}
.gate h1,.archive h1{margin:18px 0 20px;font-size:clamp(2.45rem,6.4vw,6.2rem);line-height:.92;letter-spacing:-.06em;font-weight:680}
.gate-copy{max-width:600px;margin:0 auto;color:#a9b8b4;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.7}
.transmission{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:42px 0 20px}
.transmission span{width:70px;height:84px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(131,255,209,.075),rgba(255,255,255,.015));display:grid;place-items:center;align-content:center;gap:7px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));position:relative}
.transmission span:after{content:"";position:absolute;inset:5px;border:1px solid rgba(131,255,209,.06);pointer-events:none}
.transmission small{font:600 8px var(--mono);color:var(--muted);letter-spacing:.15em}.transmission b{font:500 26px var(--mono);color:var(--acid);text-shadow:0 0 16px rgba(131,255,209,.28)}
.hint{margin:0 0 30px;color:var(--muted);font:500 11px var(--mono);letter-spacing:.08em}.hint span{color:var(--amber);margin-right:10px}
.gate-form{max-width:610px;margin:0 auto;text-align:left}.gate-form label{display:block;margin:0 0 9px;font:600 9px var(--mono);letter-spacing:.18em;color:var(--muted)}
.answer-row{display:grid;grid-template-columns:1fr auto;border:1px solid rgba(131,255,209,.32);background:rgba(4,8,11,.72);padding:7px;box-shadow:0 18px 70px rgba(0,0,0,.28)}
.answer-row input{min-width:0;border:0;outline:0;background:transparent;color:var(--acid);font:600 22px var(--mono);letter-spacing:.22em;padding:14px 18px;text-transform:uppercase}.answer-row input::placeholder{color:#34423f}
.answer-row button{border:1px solid rgba(131,255,209,.38);background:var(--acid);color:#07100d;padding:0 18px;min-height:52px;font:800 10px var(--mono);letter-spacing:.12em;cursor:pointer;display:flex;align-items:center;gap:22px;transition:.2s}.answer-row button:hover{background:#b4ffe4;box-shadow:0 0 28px rgba(131,255,209,.18)}.answer-row button b{font-size:18px}
.answer-row input:disabled,.answer-row button:disabled{opacity:.35;cursor:not-allowed}.answer-row button:disabled:hover{background:var(--acid);box-shadow:none}
.gate-error{margin:12px 0 0;color:var(--danger);font:600 11px var(--mono);letter-spacing:.05em}.gate-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 34px;margin-top:44px;color:#52605c;font:600 8px var(--mono);letter-spacing:.16em}
.archive{width:min(1480px,100%);margin:0 auto;padding:72px clamp(18px,4vw,64px) 50px}
.archive-intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;margin-bottom:64px}.archive-intro h1{margin-bottom:0}
.archive-status{width:250px;border-left:1px solid var(--line);padding:12px 0 12px 28px;display:grid;gap:8px}.archive-status span{font:700 9px var(--mono);letter-spacing:.18em;color:var(--muted)}.archive-status strong{font:400 38px var(--mono);color:var(--acid)}.archive-status small{color:var(--muted);line-height:1.5}
.dossier-list{display:grid;gap:14px}.dossier{border:1px solid rgba(131,255,209,.14);background:linear-gradient(110deg,rgba(14,21,28,.96),rgba(8,13,18,.9));overflow:hidden;transition:border-color .25s,box-shadow .25s}.dossier.is-open{border-color:rgba(131,255,209,.42);box-shadow:0 20px 70px rgba(0,0,0,.25)}
.dossier-shell{min-height:132px;display:grid;grid-template-columns:100px 1fr 240px;align-items:center}.dossier-number{height:100%;display:grid;place-items:center;border-right:1px solid var(--line);color:#3c4a47;font:300 38px var(--mono);background:rgba(0,0,0,.12)}
.dossier-main{padding:24px 34px}.dossier-class{font:700 8px var(--mono);letter-spacing:.2em;color:var(--acid)}.dossier-main h2{font:650 clamp(1.5rem,3vw,2.25rem) var(--sans);margin:7px 0 6px;letter-spacing:-.035em}.dossier-main p{margin:0;color:var(--muted);font-size:.92rem}
.unseal{height:100%;min-height:132px;border:0;border-left:1px solid var(--line);background:rgba(131,255,209,.025);padding:28px;cursor:pointer;display:grid;align-content:center;gap:11px;text-align:left;user-select:none;touch-action:none}.unseal:hover{background:rgba(131,255,209,.055)}.unseal b{font:700 9px var(--mono);letter-spacing:.14em}.unseal small{font:600 8px var(--mono);letter-spacing:.12em;color:var(--muted)}
.hold-track{display:block;height:2px;background:#26332f;overflow:hidden}.hold-track i{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left}.unseal.is-holding .hold-track i{animation:hold 1s linear forwards}@keyframes hold{to{transform:scaleX(1)}}
.dossier.is-open .unseal{cursor:pointer}.dossier.is-open .unseal b{color:var(--acid)}.dossier.is-open .hold-track i{transform:scaleX(1)}
.dossier-content{border-top:1px solid var(--line);padding:32px;background:rgba(3,8,10,.45)}.dossier-content[hidden]{display:none}.key-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.key-head span{font:700 9px var(--mono);letter-spacing:.2em;color:var(--acid)}.key-head h3{margin:5px 0 0;font-size:1.6rem}.key-head small{color:var(--muted);font:600 9px var(--mono);letter-spacing:.1em}
.key-grid{display:grid;grid-template-columns:repeat(13,minmax(64px,1fr));gap:7px}.key-cell{min-height:112px;border:1px solid rgba(131,255,209,.12);background:linear-gradient(145deg,rgba(131,255,209,.045),rgba(255,255,255,.012));padding:10px 7px 8px;display:grid;grid-template-rows:1fr auto auto;align-items:center;text-align:center;transition:.2s}.key-cell:hover{border-color:rgba(131,255,209,.38);transform:translateY(-2px);background:rgba(131,255,209,.065)}
.key-symbol{min-width:0;display:grid;place-items:center;color:var(--ink);font:700 clamp(1.2rem,2vw,1.8rem) var(--mono);overflow-wrap:anywhere}.key-rule{height:1px;width:70%;margin:9px auto 7px;background:rgba(131,255,209,.16)}.key-letter{font:800 13px var(--mono);color:var(--acid);letter-spacing:.12em}.key-country{margin-top:5px;color:var(--muted);font:600 8px var(--mono);line-height:1.2}.key-cell.is-morse .key-symbol{font-size:clamp(1rem,1.8vw,1.5rem);letter-spacing:.04em}.key-cell.is-symbol .key-symbol{font:400 clamp(2rem,3vw,3rem) Georgia,serif}.key-cell.is-flag{min-height:132px}.key-cell.is-flag .key-symbol svg{width:min(100%,76px);height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.32))}
.key-cell.is-graphic{min-height:132px}.key-cell.is-graphic .key-symbol{height:72px}.key-cell.is-graphic .key-symbol img{display:block;max-width:100%;max-height:72px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}.key-cell.is-missing{opacity:.38}
.vault-footer{margin-top:42px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:.85rem}.vault-footer button{border:1px solid rgba(255,113,136,.35);background:transparent;color:var(--danger);font:700 9px var(--mono);letter-spacing:.15em;padding:13px 18px;cursor:pointer}.vault-footer button:hover{background:rgba(255,113,136,.08)}
.load-error{color:var(--danger);font:600 11px var(--mono)}
.keyring-archive .dossier-list{max-width:1280px;margin-inline:auto;width:100%}
.player-page .site-head{background:rgba(6,9,13,.5)}
.player-page.is-locked .gate{place-items:center}
.player-page .gate-panel{isolation:isolate}
.player-page .gate-panel:before{content:"";position:absolute;z-index:-1;left:50%;top:42%;width:min(520px,86vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(131,255,209,.075),transparent 66%);filter:blur(4px)}
.access-emblem{width:164px;height:164px;margin:0 auto 34px;position:relative;isolation:isolate;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 22px 35px rgba(0,0,0,.4))}.access-emblem:before{content:"";position:absolute;inset:23px;border-radius:50%;background:radial-gradient(circle,rgba(131,255,209,.18),rgba(131,255,209,.035) 42%,transparent 70%);box-shadow:inset 0 0 28px rgba(131,255,209,.11),0 0 46px rgba(131,255,209,.13)}.access-emblem svg{position:absolute;inset:18px;width:128px;height:128px;overflow:visible}.emblem-frame,.emblem-ring,.emblem-ticks{fill:none;stroke:rgba(131,255,209,.48);stroke-width:1}.emblem-frame{stroke-dasharray:2 4}.emblem-ring{stroke:rgba(131,255,209,.2);stroke-dasharray:1 5}.emblem-ticks{stroke:var(--acid);stroke-width:1.4}.emblem-lock{fill:var(--acid);filter:drop-shadow(0 0 8px rgba(131,255,209,.7))}.emblem-orbit{position:absolute;border-radius:50%;border:1px solid transparent}.orbit-one{inset:2px;border-top-color:rgba(131,255,209,.75);border-right-color:rgba(131,255,209,.12);animation:emblem-spin 13s linear infinite}.orbit-one:after{content:"";position:absolute;top:11px;right:22px;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 13px var(--acid)}.orbit-two{inset:12px;border-left-color:rgba(255,202,112,.6);border-bottom-color:rgba(131,255,209,.16);border-style:dashed;animation:emblem-spin-reverse 19s linear infinite}.emblem-scan{position:absolute;z-index:-1;left:50%;top:50%;width:47%;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(131,255,209,.7),transparent);animation:emblem-spin 5.5s linear infinite}.emblem-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px var(--amber)}.dot-a{left:15px;top:79px}.dot-b{right:26px;bottom:28px}.dot-c{right:12px;top:54px;background:var(--acid);box-shadow:0 0 9px var(--acid)}
@keyframes emblem-spin{to{transform:rotate(360deg)}}@keyframes emblem-spin-reverse{to{transform:rotate(-360deg)}}
.player-page .radar{width:144px;height:144px;margin-bottom:34px;background:radial-gradient(circle,rgba(131,255,209,.12),rgba(131,255,209,.025) 48%,transparent 70%);box-shadow:0 0 70px rgba(131,255,209,.12),inset 0 0 28px rgba(131,255,209,.05)}
.player-page .radar b{font-size:34px;text-shadow:0 0 18px rgba(131,255,209,.5)}
.player-page .transmission{margin:0 auto 26px}.player-page .transmission span{background:rgba(8,17,20,.68)}
.player-page .gate-form{margin-inline:auto}.player-page .answer-row{border-color:rgba(131,255,209,.46);box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 35px rgba(131,255,209,.06)}
.player-page .answer-row input{text-transform:none}.player-page .answer-row input::placeholder{color:#62736e;letter-spacing:.08em}
.player-page .unlock-button{position:relative;isolation:isolate;overflow:hidden;min-width:184px;border:1px solid rgba(131,255,209,.58);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));background:linear-gradient(135deg,rgba(131,255,209,.16),rgba(131,255,209,.055));color:var(--acid);box-shadow:inset 0 0 22px rgba(131,255,209,.055);padding:7px 20px;justify-content:center;gap:0;letter-spacing:.16em}.player-page .unlock-button:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(131,255,209,.18) 48%,transparent 72%);transform:translateX(-120%);transition:transform .55s ease}.player-page .unlock-button:hover{background:linear-gradient(135deg,rgba(131,255,209,.24),rgba(131,255,209,.08));color:#c8ffeb;box-shadow:inset 0 0 26px rgba(131,255,209,.08),0 0 24px rgba(131,255,209,.12)}.player-page .unlock-button:hover:before{transform:translateX(120%)}
.player-archive-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.open-seal{width:62px;height:62px;border:1px solid rgba(131,255,209,.45);border-radius:50%;display:grid;place-items:center;color:var(--acid);box-shadow:inset 0 0 20px rgba(131,255,209,.08),0 0 30px rgba(131,255,209,.07)}.open-seal span{font:400 24px Georgia}
.player-archive-head small{display:block;color:var(--acid);font:700 8px var(--mono);letter-spacing:.18em;margin-bottom:4px}.player-archive-head h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:0;letter-spacing:-.045em}.player-archive-head>strong{color:var(--acid);font:500 22px var(--mono)}
.player-page .dossier-shell{grid-template-columns:1fr 240px}.player-page .dossier-number{display:none}.player-page .dossier-main h2{margin:0}.player-page .vault-footer{justify-content:flex-end}.player-page .key-head{margin-bottom:18px}.player-page .key-head h3{margin:0}
.admin-online i{background:var(--acid);box-shadow:0 0 14px var(--acid);animation:pulse 1.8s infinite}
.admin-login{min-height:calc(100vh - 92px);display:grid;place-items:center;padding:48px 20px}.admin-panel{width:min(620px,100%);border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,23,30,.97),rgba(7,12,17,.95));padding:clamp(26px,5vw,56px);box-shadow:0 35px 100px rgba(0,0,0,.35)}.admin-panel h1,.admin-title h1{margin:16px 0 22px;font-size:clamp(2.5rem,6vw,5.6rem);line-height:.92;letter-spacing:-.06em}.admin-panel h1{font-size:clamp(2.3rem,6vw,4.4rem)}.admin-lead{color:var(--muted);line-height:1.7;margin:0 0 30px}
.admin-form{display:grid;gap:16px}.admin-form label,.code-fields label,.selection-field{display:grid;gap:8px;color:var(--muted);font:700 9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.admin-form input,.code-fields input,.selection-field select{width:100%;min-height:50px;border:1px solid rgba(131,255,209,.22);background:#070c11;color:var(--ink);padding:10px 14px;outline:none;font:500 16px var(--mono);border-radius:0}.admin-form input:focus,.code-fields input:focus,.selection-field select:focus{border-color:var(--acid);box-shadow:0 0 0 3px rgba(131,255,209,.06)}.admin-form button,.activate-button{min-height:54px;border:1px solid var(--acid);background:var(--acid);color:#06100c;padding:0 18px;font:800 10px var(--mono);letter-spacing:.13em;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.admin-form button:hover,.activate-button:hover{background:#b4ffe4}.admin-message{padding:15px 18px;border:1px solid;margin:0 0 20px;font:600 11px var(--mono);line-height:1.5}.admin-message.error{border-color:rgba(255,113,136,.35);background:rgba(255,113,136,.07);color:var(--danger)}.admin-message.success{border-color:rgba(131,255,209,.35);background:rgba(131,255,209,.07);color:var(--acid)}
.admin-workspace{width:min(1420px,100%);margin:0 auto;padding:64px clamp(18px,4vw,64px)}.admin-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:52px}.admin-title h1{margin-bottom:0}.admin-logout{border:1px solid rgba(255,113,136,.35);background:transparent;color:var(--danger);padding:12px 18px;font:700 9px var(--mono);letter-spacing:.13em;cursor:pointer}.admin-config{display:grid;gap:14px}.control-card{min-height:190px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(15,23,30,.96),rgba(8,13,18,.9));display:grid;grid-template-columns:82px minmax(240px,.8fr) minmax(280px,1.2fr);align-items:center}.control-index{height:100%;display:grid;place-items:center;border-right:1px solid var(--line);color:#3b4946;font:300 28px var(--mono)}.control-copy{padding:28px 32px}.control-copy small{color:var(--acid);font:700 8px var(--mono);letter-spacing:.18em}.control-copy h2{margin:7px 0 8px;font-size:1.65rem}.control-copy p{margin:0;color:var(--muted);line-height:1.55;font-size:.88rem}.code-fields,.selection-field{margin:24px 30px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.selection-field{grid-template-columns:1fr}.selection-field select{cursor:pointer}.activate-button{justify-self:end;min-width:min(100%,360px);margin-top:8px}.package-section{margin-top:70px}.package-heading{margin-bottom:25px}.package-heading h2{font-size:clamp(1.7rem,4vw,3rem);margin:8px 0}.package-list{display:grid;gap:14px}.package-card{border:1px solid var(--line);background:rgba(10,16,22,.84);padding:24px;display:grid;grid-template-columns:minmax(230px,.55fr) 1fr;gap:24px;align-items:center}.package-card small{color:#596863;font:600 8px var(--mono)}.package-card h3{margin:5px 0;font-size:1.4rem}.package-card p{margin:0;color:var(--muted);font-size:.85rem}.package-preview{display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));gap:7px}.package-preview span{min-height:82px;border:1px solid rgba(131,255,209,.12);display:grid;place-items:center;padding:7px;background:rgba(131,255,209,.025)}.package-preview img{display:block;max-width:100%;height:48px;object-fit:contain}.package-preview b{font:700 9px var(--mono);color:var(--acid)}
.key-choices{min-width:0;margin:22px 28px;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.key-choices legend{width:100%;margin:0 0 9px;color:var(--muted);font:700 9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.key-choice{min-width:0;min-height:58px;border:1px solid rgba(131,255,209,.14);background:#080d12;padding:10px 11px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;cursor:pointer;position:relative;transition:.18s}.key-choice:hover{border-color:rgba(131,255,209,.42);background:rgba(131,255,209,.045)}.key-choice input{position:absolute;opacity:0;pointer-events:none}.key-choice span{min-width:0;display:grid;gap:4px}.key-choice b{overflow-wrap:anywhere;color:var(--ink);font:700 11px var(--mono)}.key-choice small{color:var(--muted);font:600 7px var(--mono);letter-spacing:.08em}.key-choice i{width:22px;height:22px;border:1px solid #35443f;display:grid;place-items:center;color:transparent;font:800 12px var(--mono);font-style:normal}.key-choice:has(input:checked){border-color:rgba(131,255,209,.6);background:rgba(131,255,209,.08)}.key-choice input:checked~i{border-color:var(--acid);background:var(--acid);color:#06100c}.key-choice input:focus-visible~i{outline:2px solid var(--amber);outline-offset:3px}.key-choice.is-package{border-color:rgba(255,202,112,.25)}
@media(max-width:1100px){.key-grid{grid-template-columns:repeat(7,minmax(64px,1fr))}}
@media(max-width:900px){.control-card{grid-template-columns:64px 1fr}.control-copy{padding:24px}.code-fields,.selection-field,.key-choices{grid-column:1/-1;margin:0;padding:22px 24px;border-top:1px solid var(--line)}.package-card{grid-template-columns:1fr}}
@media(max-width:760px){.site-head{height:76px;padding:0 16px}.site-id span{display:none}.live-state span{display:none}.sigil{width:42px;height:42px}.gate{min-height:calc(100vh - 76px);padding-top:38px}.radar{width:92px;height:92px;margin-bottom:26px}.gate h1{font-size:clamp(2.3rem,12vw,4rem)}.transmission span{width:54px;height:68px}.transmission b{font-size:21px}.answer-row{grid-template-columns:1fr}.answer-row button{justify-content:space-between}.archive{padding-top:46px}.archive-intro{grid-template-columns:1fr}.archive-status{width:100%;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.dossier-shell{grid-template-columns:58px 1fr}.dossier-number{font-size:22px}.dossier-main{padding:21px 18px}.unseal{grid-column:1/-1;min-height:76px;border-left:0;border-top:1px solid var(--line);padding:20px}.dossier-content{padding:18px}.key-grid{grid-template-columns:repeat(4,minmax(54px,1fr))}.key-head{align-items:start;flex-direction:column}.vault-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:410px){.transmission{gap:6px}.gate-panel{padding:6px}}
@media(max-width:760px){.admin-login{min-height:calc(100vh - 76px)}.admin-workspace{padding-top:40px}.admin-title{align-items:flex-start;flex-direction:column}.admin-title h1{font-size:clamp(2.6rem,13vw,4.4rem)}.code-fields{grid-template-columns:1fr}.package-preview{grid-template-columns:repeat(3,1fr)}}
/* Nutzeransicht: echte Mobile-Layouts statt verkleinerter Desktop-Raster. */
@media(max-width:760px){
  body{min-width:0}
  .site-head{height:64px;padding:0 max(12px,env(safe-area-inset-left));gap:12px}
  .sigil{width:38px;height:38px;flex:0 0 38px;font-size:10px}
  .site-id strong{font-size:12px;letter-spacing:.11em}
  .gate{min-height:calc(100svh - 64px);padding:24px 12px max(32px,env(safe-area-inset-bottom));place-items:start center}
  .gate:before{display:none}
  .gate-panel{width:100%;max-width:520px;padding:0}
  .radar{width:68px;height:68px;margin-bottom:18px}.radar span{inset:8px}.radar b{font-size:20px}
  .eyebrow{font-size:8px;line-height:1.5;letter-spacing:.16em}
  .gate h1{margin:12px 0 14px;font-size:clamp(2rem,10.5vw,3rem);line-height:.98;letter-spacing:-.05em}
  .gate-copy{font-size:.92rem;line-height:1.48;max-width:440px}
  .transmission{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(252px,100%);gap:7px;margin:22px auto 14px}
  .transmission span{width:auto;height:58px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
  .transmission span:after{inset:3px}.transmission small{font-size:7px}.transmission b{font-size:18px}
  .hint{margin:0 0 18px;font-size:9px;line-height:1.45}.hint span{display:block;margin:0 0 4px}
  .gate-form{width:100%;max-width:440px}
  .gate-form label{font-size:8px;margin-bottom:7px}
  .answer-row{grid-template-columns:1fr;gap:6px;padding:5px}
  .answer-row input{width:100%;min-height:52px;padding:11px 13px;font-size:18px;letter-spacing:.12em}
  .answer-row button{width:100%;min-height:52px;padding:0 15px;justify-content:space-between}
  .gate-meta{margin-top:22px;gap:8px 16px;font-size:7px}
  .archive{padding:30px 12px max(28px,env(safe-area-inset-bottom))}
  .archive-intro{gap:22px;margin-bottom:28px}
  .archive h1{margin:11px 0 0;font-size:clamp(2.35rem,11vw,3.5rem);line-height:.96}
  .archive-status{grid-template-columns:1fr auto;width:100%;gap:5px 14px;padding:15px 0 0}
  .archive-status strong{grid-column:2;grid-row:1/3;font-size:28px;align-self:center}
  .archive-status small{font-size:.78rem}
  .dossier{width:100%}
  .dossier-shell{grid-template-columns:44px minmax(0,1fr);min-height:0}
  .dossier-number{font-size:17px}
  .dossier-main{min-width:0;padding:17px 13px}
  .dossier-class{font-size:7px;letter-spacing:.14em}
  .dossier-main h2{font-size:1.45rem;line-height:1.08;margin:6px 0}
  .dossier-main p{font-size:.8rem;line-height:1.4}
  .unseal{min-height:68px;padding:16px 14px;gap:9px}
  .unseal b{font-size:8px}.unseal small{font-size:7px}
  .dossier-content{padding:12px 10px 14px}
  .key-head{gap:8px;margin-bottom:15px}.key-head h3{font-size:1.35rem}.key-head small{font-size:7px;line-height:1.4}
  .key-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .key-cell{min-width:0;min-height:118px;padding:10px 5px 8px}
  .key-symbol{font-size:clamp(1.35rem,7vw,1.9rem)}
  .key-cell.is-morse .key-symbol{font-size:clamp(1.05rem,5vw,1.4rem)}
  .key-cell.is-symbol .key-symbol{font-size:clamp(2.15rem,11vw,3rem)}
  .key-letter{font-size:14px}.key-country{font-size:8px;overflow-wrap:anywhere}
  .key-cell.is-flag{min-height:142px}.key-cell.is-flag .key-symbol svg{width:min(100%,92px)}
  .key-cell.is-graphic{min-height:142px}.key-cell.is-graphic .key-symbol{height:84px}.key-cell.is-graphic .key-symbol img{max-height:84px}
  .vault-footer{margin-top:24px;padding-top:18px;gap:16px;font-size:.78rem;line-height:1.45}
  .vault-footer form,.vault-footer button{width:100%}.vault-footer button{min-height:48px}
}
@media(max-width:430px){
  .key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .key-cell{min-height:124px}.key-cell.is-flag,.key-cell.is-graphic{min-height:150px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:950px){
  .site-head{height:58px}
  .gate{min-height:calc(100svh - 58px);padding:16px 18px 24px}
  .radar{display:none}
  .gate h1{font-size:2.15rem;margin:8px 0 10px}.gate-copy{font-size:.82rem}
  .transmission{grid-template-columns:repeat(6,minmax(0,1fr));width:min(500px,100%);margin:15px auto 10px}.transmission span{height:46px}
  .hint{margin-bottom:10px}.answer-row{grid-template-columns:1fr auto}.answer-row button{width:auto}
  .archive{padding-top:22px}.archive-intro{grid-template-columns:1fr auto;margin-bottom:20px}.archive h1{font-size:2.35rem}.archive-status{width:220px;border-top:0;border-left:1px solid var(--line);padding:8px 0 8px 20px}
  .key-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:560px){
  .admin-login{padding:18px 10px max(24px,env(safe-area-inset-bottom));place-items:start center}
  .admin-panel{padding:24px 16px;width:100%}
  .admin-panel h1{font-size:clamp(2.25rem,12vw,3.2rem);margin:12px 0 16px}
  .admin-lead{font-size:.86rem;line-height:1.5;margin-bottom:22px}
  .admin-form{gap:13px}.admin-form input{min-height:54px;font-size:16px}.admin-form button{min-height:54px;width:100%}
  .admin-workspace{padding:28px 10px max(30px,env(safe-area-inset-bottom))}
  .admin-title{gap:18px;margin-bottom:28px}.admin-title h1{font-size:clamp(2.35rem,12vw,3.4rem);margin-top:10px}.admin-title form,.admin-logout{width:100%}.admin-logout{min-height:46px}
  .admin-message{margin-bottom:12px;padding:13px;font-size:9px}
  .admin-config{gap:10px}
  .control-card{display:block;min-height:0}
  .control-index{height:32px;border-right:0;border-bottom:1px solid var(--line);place-items:center start;padding:0 13px;font-size:12px;color:var(--acid)}
  .control-copy{padding:17px 14px}.control-copy h2{font-size:1.35rem}.control-copy p{font-size:.8rem}
  .code-fields,.selection-field,.key-choices{display:grid;grid-template-columns:1fr;margin:0;padding:15px 13px 17px;gap:9px}
  .code-fields input,.selection-field select{min-height:54px;font-size:15px}
  .activate-button{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:8;width:100%;min-width:0;min-height:56px;margin-top:4px;box-shadow:0 14px 35px rgba(0,0,0,.5)}
  .package-section{margin-top:42px}.package-heading{margin-bottom:16px}.package-heading h2{font-size:1.8rem}
  .package-card{padding:15px;gap:17px}.package-card h3{font-size:1.25rem}.package-card small{overflow-wrap:anywhere}
  .package-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.package-preview span{min-height:96px}.package-preview img{height:60px}
}
@media(max-width:760px){
  .player-page .site-head{border-bottom-color:rgba(131,255,209,.1)}
  .player-page.is-locked .gate{place-items:center;padding-top:18px}
  .player-page .gate-panel:before{top:38%;width:96vw}
  .access-emblem{width:136px;height:136px;margin-bottom:25px}.access-emblem svg{inset:16px;width:104px;height:104px}.access-emblem:before{inset:20px}.dot-a{left:12px;top:66px}.dot-b{right:21px;bottom:23px}.dot-c{right:10px;top:45px}
  .player-page .radar{display:grid;width:108px;height:108px;margin:0 auto 24px}.player-page .radar span{inset:11px}.player-page .radar b{font-size:27px}
  .player-page .transmission{margin:0 auto 20px;width:min(270px,88vw);gap:8px}.player-page .transmission span{height:62px;border-color:rgba(131,255,209,.22)}.player-page .transmission b{font-size:19px}
  .player-page .gate-form{max-width:480px}
  .player-page .gate-form,.player-page .answer-row{overflow-anchor:none}
  .player-page .answer-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .player-page .answer-row input{min-width:0;font-size:16px!important;line-height:1.25;letter-spacing:.04em;touch-action:manipulation}
  .player-page .answer-row .unlock-button{width:100%;min-width:0;min-height:56px;padding:7px 18px;display:flex;justify-content:center;touch-action:manipulation}.player-page .answer-row .unlock-button span{display:block}
  .player-archive-head{grid-template-columns:48px minmax(0,1fr) auto;gap:11px;margin-bottom:20px;padding-bottom:17px}.open-seal{width:48px;height:48px}.open-seal span{font-size:19px}.player-archive-head small{font-size:7px}.player-archive-head h1{font-size:clamp(1.65rem,8vw,2.5rem);overflow-wrap:anywhere}.player-archive-head>strong{font-size:15px}
  .player-page .dossier-shell{grid-template-columns:1fr}.player-page .dossier-main{padding:16px;text-align:center}.player-page .dossier-main h2{font-size:1.25rem}.player-page .unseal{grid-column:1;border-left:0;border-top:1px solid var(--line);text-align:center}.player-page .unseal b,.player-page .unseal small{text-align:center}.player-page .hold-track{height:3px}
  .player-page .dossier-content{border-top-color:rgba(131,255,209,.22)}
  .player-page .vault-footer{justify-content:stretch}
}
@media(max-width:380px){.access-emblem{width:112px;height:112px;margin-bottom:18px}.access-emblem svg{inset:14px;width:84px;height:84px}.access-emblem:before{inset:17px}.emblem-dot{display:none}.player-page .transmission span{height:54px}.player-archive-head{grid-template-columns:42px minmax(0,1fr) auto}.open-seal{width:42px;height:42px}.player-archive-head>strong{font-size:13px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:760px){.player-page .radar{display:none}.player-page .gate-panel:before{top:28%}.player-page .transmission{grid-template-columns:repeat(6,minmax(0,1fr));width:min(500px,88vw);margin-bottom:12px}.player-page .transmission span{height:46px}}
@media(hover:none){.key-cell:hover{transform:none}.unseal:hover{background:rgba(131,255,209,.025)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.scanline,.radar span,.live-state i,.emblem-orbit,.emblem-scan{animation:none!important}.key-cell:hover{transform:none}}

/* Freigegebene Akten: deutliche Trennung und eigene Signalfarbe. */
.player-page .dossier-list{gap:clamp(24px,3.5vw,42px)}
.player-page .dossier{--dossier-accent:var(--acid);position:relative;border:1px solid rgba(131,255,209,.3);border-left:4px solid var(--dossier-accent);background:linear-gradient(115deg,rgba(17,27,34,.98),rgba(7,12,17,.96));box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)}
.player-page .dossier:nth-child(4n+2){--dossier-accent:var(--amber);border-color:rgba(255,202,112,.3)}
.player-page .dossier:nth-child(4n+3){--dossier-accent:#9d8cff;border-color:rgba(157,140,255,.32)}
.player-page .dossier:nth-child(4n+4){--dossier-accent:#64b5ff;border-color:rgba(100,181,255,.3)}
.player-page .dossier:before{content:"";position:absolute;z-index:2;top:0;right:0;width:34px;height:3px;background:var(--dossier-accent);box-shadow:0 0 17px var(--dossier-accent);pointer-events:none}
.player-page .dossier.is-open{border-color:var(--dossier-accent);box-shadow:0 24px 72px rgba(0,0,0,.48),0 0 30px rgba(131,255,209,.055)}
.player-page .dossier-shell{grid-template-columns:72px minmax(0,1fr) 240px}
.player-page .dossier-number{display:grid;color:var(--dossier-accent);border-right-color:rgba(255,255,255,.1);font-size:25px;text-shadow:0 0 18px var(--dossier-accent)}
.player-page .dossier-main{min-width:0}.player-page .dossier-main h2{color:#f3fbf9}
.player-page .dossier-content{border-top:1px solid var(--dossier-accent);background:linear-gradient(180deg,rgba(5,12,15,.92),rgba(3,8,10,.72))}

/* Interaktives Tastenhandy für die Multi-Press-Chiffre. */
.phone-decoder{margin-top:38px;padding-top:30px;border-top:1px solid rgba(131,255,209,.24)}
.phone-tool-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.phone-tool-head span,.direct-decoder>span{color:var(--acid);font:700 8px var(--mono);letter-spacing:.2em}.phone-tool-head h4,.direct-decoder h4{margin:6px 0 0;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em}.phone-tool-head>button,.decoder-actions button{min-height:42px;border:1px solid rgba(255,113,136,.4);background:rgba(255,113,136,.04);color:var(--danger);padding:10px 14px;font:700 8px var(--mono);letter-spacing:.12em;cursor:pointer}.phone-tool-head>button:hover,.decoder-actions button:hover{background:rgba(255,113,136,.1)}
.phone-workbench{display:grid;grid-template-columns:minmax(280px,430px);justify-content:center;align-items:center;padding:clamp(20px,4vw,44px);border:1px solid rgba(131,255,209,.13);background:radial-gradient(circle at 50% 30%,rgba(131,255,209,.07),transparent 32rem),rgba(2,6,9,.55)}
.retro-phone{position:relative;width:min(330px,100%);margin:auto;padding:27px 24px 25px;border:2px solid #39434b;border-radius:48px 48px 58px 58px;outline:0;background:linear-gradient(145deg,#303942 0,#171e25 42%,#090d11 100%);box-shadow:inset 4px 5px 8px rgba(255,255,255,.08),inset -7px -9px 14px rgba(0,0,0,.54),0 32px 55px rgba(0,0,0,.55)}
.retro-phone:focus-visible{box-shadow:inset 4px 5px 8px rgba(255,255,255,.08),inset -7px -9px 14px rgba(0,0,0,.54),0 0 0 3px var(--acid),0 32px 55px rgba(0,0,0,.55)}
.phone-antenna{position:absolute;left:27px;top:-25px;width:29px;height:36px;border:2px solid #414c55;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#11171c,#303941,#10151a);box-shadow:inset 3px 0 rgba(255,255,255,.04)}
.phone-speaker{height:12px;margin:0 auto 16px;display:flex;justify-content:center;gap:5px}.phone-speaker i{display:block;width:5px;height:5px;border-radius:50%;background:#070a0c;box-shadow:inset 0 1px #48545d}
.phone-screen{min-height:132px;margin-bottom:16px;padding:13px 14px 11px;border:4px solid #0a0f12;border-radius:8px;background:linear-gradient(145deg,#c5de9c,#8cae71);color:#18251b;box-shadow:inset 0 0 14px rgba(23,48,25,.27),0 1px #53605e;font-family:var(--mono)}
.phone-screen-status{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(24,37,27,.3);padding-bottom:6px}.phone-screen-status span{font-size:8px;font-weight:800;letter-spacing:.12em}.phone-screen-status b{font-size:8px;letter-spacing:-.12em}
.phone-screen output{display:block;min-height:63px;padding:12px 0 7px;font-size:clamp(18px,4vw,25px);line-height:1.2;font-weight:800;overflow-wrap:anywhere;white-space:pre-wrap}.phone-screen small{display:block;font-size:8px;font-weight:800;letter-spacing:.05em;opacity:.72}
.phone-controls{height:36px;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:10px}.phone-controls span{width:46px;height:30px;display:grid;place-items:center;border:1px solid #59646c;border-radius:50%;background:linear-gradient(#333e46,#10161b);font:800 8px var(--mono);color:#aab2b5}.phone-controls i{width:43px;height:15px;border-top:2px solid #667179;border-radius:50%}
.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.phone-keypad button{min-width:0;min-height:58px;border:1px solid #566169;border-radius:13px 13px 17px 17px;background:linear-gradient(155deg,#3b464e,#151b20 62%,#090d10);color:#eef2f1;box-shadow:inset 2px 2px rgba(255,255,255,.07),0 4px 5px rgba(0,0,0,.45);cursor:pointer;display:grid;place-items:center;align-content:center;gap:2px;touch-action:manipulation;transition:transform .08s,background .08s}.phone-keypad button:active{transform:translateY(2px);background:linear-gradient(#172027,#344048);box-shadow:inset 0 2px 5px rgba(0,0,0,.5)}.phone-keypad b{font:700 21px var(--mono)}.phone-keypad small{min-height:10px;color:#a7b1b4;font:700 7px var(--mono);letter-spacing:.14em}.phone-keypad .is-command small{color:var(--amber);font-size:6px;letter-spacing:.04em}.phone-mark{text-align:center;margin-top:17px;color:#69747a;font:800 8px var(--mono);letter-spacing:.2em}
.direct-decoder{min-width:0;padding:clamp(4px,2vw,20px)}.direct-decoder p{margin:10px 0 24px;color:var(--muted);font-size:.9rem;line-height:1.55}.direct-decoder label{display:block;margin:0 0 8px;color:var(--muted);font:700 8px var(--mono);letter-spacing:.16em}.direct-decoder textarea{display:block;width:100%;min-height:142px;resize:vertical;border:1px solid rgba(131,255,209,.28);border-radius:0;outline:0;background:#050a0e;color:var(--acid);padding:16px;font:650 16px/1.55 var(--mono);letter-spacing:.07em}.direct-decoder textarea:focus{border-color:var(--acid);box-shadow:0 0 0 3px rgba(131,255,209,.06)}.direct-decoder textarea::placeholder{color:#43534f}
.direct-result{min-height:112px;margin-top:14px;border-left:3px solid var(--acid);background:rgba(131,255,209,.055);padding:15px 17px}.direct-result small{display:block;color:var(--muted);font:700 8px var(--mono);letter-spacing:.18em}.direct-result output{display:block;margin-top:10px;color:var(--ink);font:750 clamp(1.25rem,3vw,1.8rem)/1.35 var(--mono);overflow-wrap:anywhere;white-space:pre-wrap}.decoder-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.decoder-actions button:last-child{border-color:rgba(131,255,209,.35);background:rgba(131,255,209,.06);color:var(--acid)}.decoder-actions button:last-child:hover{background:rgba(131,255,209,.12)}

@media(max-width:800px){
  .phone-workbench{grid-template-columns:1fr;padding:24px 16px;gap:34px}.direct-decoder{padding:0}.retro-phone{width:min(318px,100%)}
}
@media(max-width:760px){
  .player-page .dossier-list{gap:26px}.player-page .dossier{border-left-width:3px}
  .player-page .dossier-shell{grid-template-columns:48px minmax(0,1fr)}.player-page .dossier-number{font-size:16px}.player-page .dossier-main{padding:16px 13px;text-align:left}.player-page .unseal{grid-column:1/-1}
  .phone-decoder{margin-top:28px;padding-top:22px}.phone-tool-head{align-items:stretch;flex-direction:column}.phone-tool-head>button{width:100%;min-height:46px}.phone-workbench{margin-inline:-4px;padding:30px 10px 20px}.retro-phone{width:min(300px,100%);padding:24px 20px 22px;border-radius:42px 42px 50px 50px}.phone-screen{min-height:120px}.phone-keypad button{min-height:57px}.direct-decoder textarea{font-size:16px}.decoder-actions{display:grid;grid-template-columns:1fr}.decoder-actions button{min-height:46px}
}
@media(orientation:landscape) and (max-height:600px) and (min-width:601px) and (max-width:950px){
  .phone-workbench{grid-template-columns:minmax(240px,300px);justify-content:center;align-items:start;padding:22px}.retro-phone{width:260px;padding:18px 18px 17px;border-radius:35px 35px 43px 43px}.phone-antenna{top:-19px;height:27px}.phone-speaker{margin-bottom:8px}.phone-screen{min-height:86px;margin-bottom:6px;padding:9px 11px}.phone-screen output{min-height:37px;padding:6px 0;font-size:17px}.phone-controls{height:25px;margin-bottom:5px}.phone-controls span{height:23px}.phone-keypad{gap:5px}.phone-keypad button{min-height:40px;border-radius:9px}.phone-keypad b{font-size:16px}.phone-keypad small{font-size:6px}.phone-mark{margin-top:9px}
}