/* AKADEMI_VERSION v2.3 – Öva */
body.pr-lock{overflow:hidden}
.pr-bg{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(25,25,20,.45)}
.pr-bg.open{display:flex}
.pr{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--c0,#fff3a8);border:1px solid rgba(60,55,35,.2);box-shadow:0 20px 60px rgba(0,0,0,.3);padding:18px 22px 22px;font-family:var(--app-font,'Courier Prime','Courier New',monospace);color:var(--ink,#292820)}
.pr-top{display:flex;align-items:center;gap:10px}
.pr-title{flex:1;font-size:16px}
.pr-x{border:0;background:transparent;font:300 28px/1 var(--app-font,monospace);cursor:pointer;color:rgba(55,50,35,.7);padding:0 4px}
.pr-bar{height:6px;background:rgba(60,55,35,.12);border-radius:3px;margin:10px 0 18px;overflow:hidden}
.pr-bar span{display:block;height:100%;width:0;background:#333229;transition:width .3s}
.pr-q{text-align:center;min-height:90px}
.pr-show{font-size:34px;font-weight:700;margin:6px 0 2px;overflow-wrap:anywhere}
.pr-say{border:0;background:transparent;font-size:22px;cursor:pointer;vertical-align:middle}
.pr-hint{font-size:13px;color:rgba(55,50,35,.7)}
.pr-clock{width:min(220px,60vw);height:auto;display:block;margin:0 auto 6px}
.pr-form{display:flex;gap:8px;margin-top:16px}
.pr-in{flex:1;min-width:0;font:700 22px var(--app-font,monospace);padding:10px 12px;border:2px solid rgba(60,55,35,.3);border-radius:8px;background:#fff;text-align:center}
.pr-in:focus{outline:none;border-color:#333229}
.pr-ok{border:0;border-radius:8px;padding:0 18px;background:#333229;color:#fff;font:700 16px var(--app-font,monospace);cursor:pointer}
.pr-fb{min-height:28px;margin-top:12px;text-align:center;font-size:17px}
.pr-fb.ok{color:#2f6b2a;font-weight:700}
.pr-fb.no{color:#9b2c1f}
.pr-count{text-align:center;font-size:12.5px;color:rgba(55,50,35,.65);margin-top:6px}
.pr-lead{text-align:center;font-size:16px}
.pr-choices{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.pr-choices button{border:1px solid rgba(60,55,35,.25);border-radius:8px;padding:12px;background:rgba(255,255,255,.6);font:700 16px var(--app-font,monospace);cursor:pointer;color:inherit}
.pr-choices button:hover{background:#fff}
.pr-done{text-align:center}
.pr-score{font-size:46px;font-weight:700;margin-top:6px}
@media (max-width:600px){.pr-bg{padding:0}.pr{width:100%;height:100%;max-height:none}.pr-show{font-size:30px}}
/* Skriva / Para ihop */
.pr-mode{display:flex;justify-content:center;margin:10px 0 4px}
.pr-mode button{border:1px solid rgba(60,55,35,.3);background:rgba(255,255,255,.55);padding:7px 16px;font:700 14.5px var(--app-font,monospace);color:inherit;cursor:pointer}
.pr-mode button:first-child{border-radius:8px 0 0 8px}.pr-mode button:last-child{border-radius:0 8px 8px 0;border-left:0}
.pr-mode button.on{background:#333229;color:#fff;border-color:#333229}
.pr-size{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:15px}
.pr-size button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(60,55,35,.3);background:rgba(255,255,255,.6);font:700 18px var(--app-font,monospace);cursor:pointer;color:inherit}
.pr-size b{min-width:1.5em;text-align:center;font-size:20px}
.pr-mhint{text-align:center;margin:0 0 10px}
.pr-m{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pr-col{display:flex;flex-direction:column;gap:8px}
.pr-colh{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:rgba(55,50,35,.65);text-align:center}
.pr-m button{min-height:46px;border:1.5px solid rgba(60,55,35,.25);border-radius:8px;padding:8px 10px;background:rgba(255,255,255,.7);font:700 15px var(--app-font,monospace);color:inherit;cursor:pointer;overflow-wrap:anywhere;transition:background .15s,opacity .3s}
.pr-m button:hover{background:#fff}
.pr-m button.sel{border-color:#333229;background:#fff;box-shadow:0 0 0 2px #333229}
.pr-m button.ok{background:#dcebd3;border-color:#7da46d;color:#2f6b2a;opacity:.55;cursor:default}
.pr-m button.no{background:#f3d2cc;border-color:#9b2c1f;animation:prshake .4s}
@keyframes prshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}