:root{--bg: #141210;--paper: #e8dcc3;--ink: #26211a;--led: #ff3b1f;--his: #ffb347;--you: #6ee06e;--sys: #9a9a9a;--rcd: #ff4a4a;--card: #efe6d2;--danger: #c03a2b}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%;background:var(--bg);color:var(--paper);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}#app.geen-touch{max-width:none}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;position:relative;z-index:1;pointer-events:none;background:#1412108c;backdrop-filter:blur(12px) saturate(.85);-webkit-backdrop-filter:blur(12px) saturate(.85)}.screen button,.screen input,.screen li{pointer-events:auto}.title{font-size:44px;letter-spacing:4px;font-weight:900}.title .accent{color:var(--led)}.tagline{font-size:14px;line-height:1.5;color:#cbbfa8}.callbox{border:1px dashed #6b5f4a;padding:8px 22px;border-radius:6px;display:flex;flex-direction:column;gap:2px}.call-label{font-size:10px;letter-spacing:2px;color:#8d8069}.call-value{font-family:ui-monospace,monospace;font-size:22px;color:var(--led);font-weight:700}.namelabel{font-size:12px;color:#8d8069}#operator-input{width:220px;padding:10px;font-size:16px;text-align:center;background:#241f19;color:var(--paper);border:1px solid #6b5f4a;border-radius:6px}#operator-input:focus{outline:1px solid var(--led)}button{border:none;border-radius:8px;font-weight:700;cursor:pointer;font-family:inherit}.btn-primary{background:var(--led);color:#1a0a06;font-size:18px;padding:14px 44px;letter-spacing:1px}.btn-primary:active{transform:translateY(2px)}.btn-secondary{background:transparent;color:#cbbfa8;border:1px solid #6b5f4a;font-size:14px;padding:10px 24px}.disclaimer{font-size:10px;color:#6f6552;max-width:280px;line-height:1.5}#game{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}#scene3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#app:not(.mode-3d) #scene3d{display:none}.mode-3d #game{pointer-events:none}.mode-3d #panel,.mode-3d #meters{position:relative;z-index:1}.mode-3d #panel{pointer-events:auto}.mode-3d #meters{display:none}.mode-3d #ptt,.mode-3d #mond,.mode-3d #pager{pointer-events:auto}#render-mode{font-size:11px;letter-spacing:1px;color:#7fa3d8}#screen-title #render-mode{margin-top:auto}#render-mode.fallback{color:var(--his)}#shackcam-wrap{flex:0 0 auto;position:relative}#shackcam{width:100%;display:block;background:var(--paper);border-radius:0 0 10px 10px;image-rendering:pixelated}#meters{position:absolute;top:6px;right:8px;display:flex;flex-direction:column;gap:4px;background:#141210b8;padding:6px 8px;border-radius:6px}.meter{display:flex;align-items:center;gap:6px;font-size:10px}.meter-label{width:34px;color:#b7ab93;letter-spacing:1px}.meter-track{width:92px;height:8px;background:#2a251f;border-radius:4px;overflow:hidden}#anger-bar{height:100%;width:0%;background:linear-gradient(90deg,#e0a94a,#e0512a);transition:width .25s}#trace-bar{height:100%;width:0%;background:var(--rcd);transition:width .25s}#id-bar{height:100%;width:0%;background:#e8c34a;transition:width .25s}#id-bar.urgent{background:var(--rcd);animation:blink .6s infinite}.meter-value{width:30px;text-align:right;font-family:ui-monospace,monospace;color:#d8cdb6}#ether{flex:1 1 auto;display:flex;flex-direction:column;min-height:60px;padding:8px 10px 6px;gap:6px}.log-line{margin-bottom:3px;color:var(--paper)}.log-his{color:var(--his)}.log-you{color:var(--you)}.log-systeem,.log-sys{color:var(--sys);font-style:italic}.log-rcd{color:var(--rcd);font-weight:700}.log-les{color:#7fa3d8;font-style:italic}.log-gesprek{color:#e8c34a;font-weight:700}.log-jam{color:#a8c7ff}#waterfall-wrap{position:relative;width:100%}#waterfall{display:block;width:100%;height:auto;border-radius:4px;background:#060a06}#waterfall-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto;cursor:pointer;touch-action:manipulation}#cards{flex:0 0 auto;display:flex;gap:6px;padding:4px 8px 2px}.card{flex:1;min-height:92px;padding:7px 6px;background:var(--card);color:var(--ink);border-radius:6px;border:2px solid transparent;font-size:10.5px;line-height:1.3;text-align:left;position:relative;overflow:hidden}.card.selected{border-color:var(--danger);box-shadow:0 0 0 2px #c03a2b66}.card .card-meta{margin-top:6px;font-size:9px;font-weight:700;color:var(--danger);font-family:ui-monospace,monospace}.card.anti .card-meta{color:#2a6bb0}.card.id-card{background:#d9cba6;flex:.72}.card.id-card .card-meta{color:#6b5f4a}.card:disabled{opacity:.55}#panel{flex:0 0 auto;margin-top:auto;padding:6px 12px 12px}#log{width:100%;min-width:0;max-height:118px;overflow-y:auto;scrollbar-width:none;background:#0c0a08b8;border:1px solid #2a251f;border-radius:8px;padding:8px 10px}#app.geen-touch #log{width:50%;margin:0 auto;font-size:11.5px;line-height:1.45}#log::-webkit-scrollbar{display:none}@keyframes blink{50%{opacity:.25}}#ptt,#mond{position:absolute;bottom:150px;width:78px;height:78px;border-radius:50%;color:#fff;font-size:15px;font-weight:900;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:none;user-select:none;-webkit-user-select:none;z-index:2}#ptt{left:12px;left:max(12px,calc(50% - 268px));background:radial-gradient(circle at 35% 30%,#ff6a4a,#b3241a 70%);box-shadow:0 4px #6b120c,0 8px 16px #00000080}#mond{right:12px;right:max(12px,calc(50% - 268px));background:radial-gradient(circle at 35% 30%,#e8a94a,#a3661c 70%);box-shadow:0 4px #5e3a0e,0 8px 16px #00000080}#ptt:active,#ptt.held,#mond:active,#mond.held{transform:translateY(3px);box-shadow:0 1px #6b120c,0 4px 10px #00000080}#mond:active,#mond.held{box-shadow:0 1px #5e3a0e,0 4px 10px #00000080}#app.mode-3d:not(.geen-touch) #pager{display:none}#pager{position:absolute;left:50%;transform:translate(-50%);bottom:167px;display:flex;width:150px;height:44px;background:#141210c7;border:1px solid #2a251f;border-radius:22px;overflow:hidden;z-index:2}#pager button{flex:1;background:transparent;color:#d8cdb6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;touch-action:manipulation}#pager button:active{background:#ff3b1f4d}#volgende-kaart{border-left:1px solid #2a251f}.knop-toets{display:none}.geen-touch .knop-toets{display:block;font-size:9px;font-weight:400;letter-spacing:0;margin-top:4px;padding:1px 7px;background:#0006;border-radius:5px}#btn-help{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:#141210b8;border:1px solid #6b5f4a;color:var(--paper);font-size:20px;font-weight:900;z-index:2;pointer-events:auto;touch-action:manipulation}#btn-help:active{background:#ff3b1f66}#screen-help{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:20px;text-align:center;background:#1412108c;backdrop-filter:blur(12px) saturate(.85);-webkit-backdrop-filter:blur(12px) saturate(.85);pointer-events:auto;overflow-y:auto;scrollbar-width:none}#screen-help::-webkit-scrollbar{display:none}#screen-help h2{font-size:24px;letter-spacing:2px}#screen-help h3{font-size:14px;color:var(--his);margin-bottom:4px}.help-blok{max-width:330px;background:#0c0a088c;border:1px solid #2a251f;border-radius:8px;padding:10px 14px;text-align:left;font-size:12.5px;line-height:1.5;pointer-events:auto}.help-blok input{width:100%;margin-top:6px}#screen-help ol{padding-left:18px}#screen-help .help-mag{color:var(--you)}#screen-help .help-niet{color:var(--rcd)}#screen-help details.qso-stap{margin-bottom:6px}#screen-help details.qso-stap summary{cursor:pointer;font-size:12.5px;line-height:1.45;padding:3px 0;list-style:none;touch-action:manipulation}#screen-help details.qso-stap summary::-webkit-details-marker{display:none}#screen-help details.qso-stap summary:before{content:"+ ";color:var(--his);font-weight:700}#screen-help details.qso-stap[open] summary:before{content:"– "}#screen-help .qso-voorbeelden{list-style:none;padding-left:8px;margin-top:3px;font-size:11.5px;line-height:1.45;color:#cbbfa8;font-style:italic}#screen-help .help-credit{margin-bottom:3px}.woede-punt{position:absolute;left:50%;top:34%;transform:translate(-50%);font-size:160px;font-weight:900;letter-spacing:4px;color:#e8c34a;text-shadow:0 8px 32px rgba(0,0,0,.85);opacity:.9;pointer-events:none;z-index:4;animation:woede-zweef 1.8s ease-out forwards}@keyframes woede-zweef{0%{transform:translate(-50%);opacity:.9}to{transform:translate(-50%,-140px);opacity:0}}#film-tekst{position:absolute;left:0;right:0;bottom:12%;z-index:4;text-align:center;font-size:15px;font-weight:700;letter-spacing:1px;color:var(--paper);text-shadow:0 2px 6px rgba(0,0,0,.9);padding:0 16px;pointer-events:none}#result-headline{font-size:40px;font-weight:900;letter-spacing:3px}#result-headline.won{color:var(--you)}#result-headline.lost{color:var(--rcd)}#result-breakdown{min-width:260px;text-align:left;font-family:ui-monospace,monospace;background:#241f19;border:1px solid #6b5f4a;border-radius:8px;padding:14px 18px;font-size:13px;line-height:1.9}#result-breakdown .row{display:flex;justify-content:space-between;gap:24px}#result-breakdown .total{border-top:1px dashed #6b5f4a;margin-top:6px;padding-top:6px;font-weight:700;color:var(--led)}#result-breakdown .neg{color:var(--rcd)}#score-list{list-style:none;width:100%;max-width:340px;text-align:left;font-size:13px}#score-list li{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid #2a251f;font-family:ui-monospace,monospace}#score-list .rank{color:#8d8069;width:22px}#score-list .who{flex:1}#score-list .who small{color:#8d8069;margin-left:6px}#score-list .pts{color:var(--led);font-weight:700}#score-list li.revoked .who:after{content:" — VERGUNNING INGETROKKEN";color:var(--rcd);font-size:9px}#score-list .empty{color:#6f6552;font-style:italic;justify-content:center}