html[data-oraculum-app="runoscope"] { --bg-void:#0f0b22;--bg-deep:#0f0b22;--bg-surface:#1a1434;--bg-raised:#251d42;--gold:#c9a84c;--gold-light:#e6cf86;--text:#ece8f7;--text-dim:#aba1c1;--text-faint:#857995;--border-subtle:#3b3050;--border-glow:#76613d;color-scheme:dark; }
html[data-oraculum-app="runoscope"] body { background:#0f0b22; font-family:system-ui,sans-serif; }
html[data-oraculum-app="runoscope"] body.with-bg { background:#0f0b22; }
html[data-oraculum-app="runoscope"] .screen { max-width:1120px;margin:0 auto;min-height:calc(100dvh - 80px);padding:96px 24px 100px !important; }
html[data-oraculum-app="runoscope"] .screen:not(.active) {display:none !important;}
html[data-oraculum-app="runoscope"] :is(.app-header,#screen-shop,#screen-settings,#ads-privacy-overlay) {display:none!important;}
html[data-oraculum-app="runoscope"] :is(h1,h2,h3) {font-family:Georgia,serif;font-weight:600;}
html[data-oraculum-app="runoscope"] .btn {min-height:48px;border-radius:14px;font:600 14px/1.4 system-ui,sans-serif;letter-spacing:normal;white-space:normal;background:linear-gradient(135deg,#c9a84c,#e6cf86);color:#171023;}
html[data-oraculum-app="runoscope"] .btn.secondary {background:#201832;color:#ece8f7;border:1px solid #584564;}
html[data-oraculum-app="runoscope"] :is(.panel,.daily-card,.spread-card,.hist-item) {border-radius:18px;background:#1a1434;border:1px solid #443653;}
html[data-oraculum-app="runoscope"] .hero {padding:12px 0 24px;}
html[data-oraculum-app="runoscope"] .hero h1 {font-size:36px;}
html[data-oraculum-app="runoscope"] .hero .sub {margin-top:12px;font-size:15px;}
html[data-oraculum-app="runoscope"] .spread-card {min-width:0;min-height:106px;padding:18px;cursor:pointer;transition:border-color .15s,background .15s;}
html[data-oraculum-app="runoscope"] .spread-card:hover {border-color:#b89b51;background:#251c43;}
html[data-oraculum-app="runoscope"] .sp-name {font-size:16px;color:#ece8f7;}
html[data-oraculum-app="runoscope"] .sp-desc {font-size:12px;line-height:1.6;}
html[data-oraculum-app="runoscope"] .sp-cost {white-space:normal;max-width:90px;text-align:right;}
html[data-oraculum-app="runoscope"] :is(textarea,input) {font-size:16px;border-radius:12px;}
html[data-oraculum-app="runoscope"] .chip {min-height:44px;padding:12px;white-space:normal;}
html[data-oraculum-app="runoscope"] :focus-visible {outline:2px solid #e6cf86;outline-offset:4px;}
html[data-oraculum-app="runoscope"] .cast-layout {flex-wrap:wrap;gap:12px;}
html[data-oraculum-app="runoscope"] :is(#screen-spread,#screen-cast) {max-width:780px;}
html[data-oraculum-app="runoscope"] .modal-card {max-width:680px;max-height:85dvh;overflow:auto;border-radius:20px;background:#1a1434;}
/* Native screens use document flow here: do not stretch the footer with measured JS margins. */
html[data-oraculum-app="runoscope"] .oraculum-practice-footer {margin-top:36px !important;}
html[data-oraculum-app="runoscope"] #screen-achievements {animation:none;}
html[data-oraculum-app="runoscope"] #ach-list .hist-item {cursor:default;}
@media(min-width:900px){
 html[data-oraculum-app="runoscope"] .oraculum-practice-footer {margin-top:64px !important;}
 html[data-oraculum-app="runoscope"] .modal-overlay {align-items:center;padding:24px;box-sizing:border-box;}
 html[data-oraculum-app="runoscope"] .modal-card {max-height:calc(100dvh - 48px);box-sizing:border-box;animation:none;overscroll-behavior:contain;}
}
html[data-oraculum-app="runoscope"] #result-body {max-width:820px;margin:0 auto;}
@media(min-width:900px){
 html[data-oraculum-app="runoscope"] #screen-home.active {display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:20px;align-content:start;align-items:start;}
 #screen-home>.hero {grid-column:1/-1;}
 #screen-home>.daily-card {grid-column:1;grid-row:2;margin:0;padding:28px;}
 #screen-home>.panel:has(#home-spreads) {grid-column:2;grid-row:2/4;margin:0;padding:20px;}
 #screen-home>.panel:not(:has(#home-spreads)) {grid-column:1;grid-row:3;margin:0;}
 #screen-home>.oraculum-practice-footer {grid-column:1/-1;}
 #home-spreads {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 html[data-oraculum-app="runoscope"] #bottom-nav {display:none!important;}
 #history-list,#ach-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
 html[data-oraculum-app="runoscope"] #coll-grid {grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media(max-width:899px){
 html[data-oraculum-app="runoscope"] .screen {padding:84px 16px 110px !important;}
 html[data-oraculum-app="runoscope"] .hero .runic-anchor {font-size:clamp(30px,10vw,44px);letter-spacing:6px;}
 html[data-oraculum-app="runoscope"] .hero h1 {font-size:30px;}
 html[data-oraculum-app="runoscope"] #bottom-nav {background:#1a1434;bottom:0;padding-bottom:env(safe-area-inset-bottom);}
}
.modal-card .rune-detail-heading { margin:18px 0 6px; color:var(--gold-light); font:600 15px/1.4 system-ui,sans-serif; }
.modal-card {overflow-anchor:none;scroll-behavior:auto;}
#term-body p { overflow-wrap:break-word; }
@media(prefers-reduced-motion:reduce){html[data-oraculum-app="runoscope"] *{animation:none!important;transition:none!important;}}