:root{color-scheme:dark;--base:#050910;--ink:#f5f6ff;--muted:#a6b3cf;--violet:#b297ff;--gold:#ffd990;--edge:rgba(186,157,255,.25);--glow:rgba(121,81,238,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050910;color:var(--ink);font:500 15px/1.6 system-ui,-apple-system,Roboto,sans-serif;min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.oracle-field{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 2%,rgba(115,70,206,.24),transparent 40%),radial-gradient(ellipse at 78% 25%,rgba(51,110,174,.13),transparent 37%),linear-gradient(160deg,#070914 0%,#070c18 70%,#080914 100%);z-index:-1}
.oracle-bar{position:relative;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px max(18px,calc((100vw - 1140px)/2));border-bottom:1px solid var(--edge);background:rgba(8,11,22,.94)}
.oracle-brand{display:flex;align-items:center;gap:12px;line-height:1.1}.oracle-brand small{display:block;font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--violet);margin-bottom:6px}.oracle-brand strong{font-size:18px;letter-spacing:.01em}.brand-glyph{display:grid;place-items:center;width:45px;height:45px;border-radius:17px;border:1px solid rgba(255,218,144,.5);background:linear-gradient(150deg,#272035,#0c1128);color:var(--gold);font:900 30px/1 system-ui;box-shadow:0 0 24px rgba(255,196,85,.13)}
.oracle-links{display:flex;gap:16px;color:#ccd2ea;font-weight:750;font-size:12px}.oracle-links a:hover{color:var(--gold)}.oracle-wallet{min-height:48px;min-width:114px;display:flex;align-items:center;justify-content:flex-end}
.oracle-page{max-width:1100px;margin:auto;padding:26px 18px 70px}.oracle-intro{padding:18px 2px 30px;max-width:810px}.eyebrow,.panel-top small{font-size:11px;letter-spacing:.16em;font-weight:850;color:var(--violet)}h1,h2,p{margin-top:0}h1{font-size:clamp(35px,7vw,62px);line-height:1.07;letter-spacing:-.045em;margin:13px 0 16px;font-weight:850}h1 em{font-style:normal;color:#e2d5ff;text-shadow:0 0 32px #8064e75c}.oracle-intro>p:last-child{max-width:760px;color:#bcc7e0;font-size:15px}
.oracle-panel{border:1px solid var(--edge);border-radius:24px;padding:clamp(16px,3vw,28px);margin-bottom:19px;background:linear-gradient(145deg,rgba(18,21,43,.96),rgba(10,15,30,.98));box-shadow:0 16px 45px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.045)}
.oracle-panel[hidden],.reader-overlay[hidden]{display:none!important}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-top h2{font-size:clamp(20px,4vw,28px);line-height:1.2;margin:5px 0 0;letter-spacing:-.027em}.tiny-state{color:var(--muted);font-size:12px}.selected-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0 22px}
.selected-slot{background:#080e1f;border:1px solid #38405c;border-radius:14px;min-height:74px;padding:12px 10px;display:flex;flex-direction:column;gap:5px;justify-content:center;overflow-wrap:anywhere}.selected-slot small{color:#a39ebc;font-size:10px;font-weight:800;letter-spacing:.1em}.selected-slot strong{color:#f9f4ff;font-size:14px}.selected-slot.empty strong{color:#586684;font-weight:650}.selected-slot button{display:inline-block;align-self:flex-start;border:0;background:none;color:var(--gold);padding:0;font-size:11px}
.suggest-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:10px}.suggest-header span{color:var(--muted);font-size:12px}.suggestion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.suggestion-button{border:1px solid rgba(160,140,225,.43);border-radius:999px;min-height:46px;line-height:1.2;background:linear-gradient(120deg,rgba(56,43,105,.9),rgba(29,42,72,.8));color:#fff;text-align:center;padding:8px 13px;font-weight:750;box-shadow:inset 0 1px 0 #ffffff16;white-space:normal;overflow-wrap:anywhere}.suggestion-button:hover{border-color:var(--gold);box-shadow:0 0 18px #a376f739}.suggestion-button:active{transform:scale(.98)}
label{display:block;font-size:13px;font-weight:800;color:#d6dff1;margin-bottom:8px}.custom-row{margin-top:22px}.custom-row textarea,.writer-panel textarea{display:block;width:100%;resize:vertical;min-height:92px;padding:13px 15px;border:1px solid #3a466c;border-radius:16px;background:rgba(4,9,23,.84);color:#f5f6ff;line-height:1.5}.entry-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.entry-actions span{font-size:12px;color:var(--muted)}.quiet-btn,.secondary-btn{border:1px solid #5e5c88;border-radius:999px;padding:10px 15px;background:#21213b;color:#ede8ff;font-weight:750}.quiet-btn:hover,.secondary-btn:hover{border-color:var(--gold)}.secondary-btn{background:linear-gradient(120deg,#433385,#283773);border-color:#8070c4}
.reward-pill{border-radius:999px;padding:8px 13px;border:1px solid #ab8950;background:#fbd88814;color:#ffdf94;font-size:12px;font-weight:850;white-space:nowrap}.spin-frame{border:1px solid rgba(255,219,151,.28);background:linear-gradient(180deg,#18152e,#090e1c);padding:17px 15px 18px;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff18,0 0 28px rgba(205,161,255,.07)}.slot-motto{text-align:center;color:#fbe3a6;font-size:11px;font-weight:900;letter-spacing:.15em;margin-bottom:15px}.slot-motto span{color:#8274b9}.reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.reel{height:95px;overflow:hidden;border:1px solid rgba(187,155,255,.4);border-radius:15px;background:linear-gradient(180deg,#161c38,#0b132a);box-shadow:inset 0 0 28px rgba(129,98,232,.19)}.reel-strip{height:100%}.reel-symbol{min-height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;color:#f7d991;font-size:32px;font-weight:800}.reel-symbol small{display:block;font-size:9px;letter-spacing:.09em;color:#b5b4dc}.reel.spinning .reel-symbol{animation:oraclePulse .26s ease-in-out infinite alternate}.slot-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:20px}.slot-stat{text-align:center}.slot-stat small{display:block;color:#8e9dbd;font-size:11px;letter-spacing:.13em}.slot-stat strong{display:block;font-size:25px;color:white}.spin-button{border:1px solid #f6d18c;background:linear-gradient(140deg,#f3d39a,#bd965a);color:#151322;font-weight:950;letter-spacing:.07em;border-radius:999px;padding:15px 26px;box-shadow:0 0 23px rgba(243,209,143,.19);white-space:nowrap}.spin-button span{margin-right:5px}.spin-button:hover{filter:brightness(1.08)}.result-box{margin-top:14px;display:flex;flex-direction:column;gap:6px;text-align:center;color:#eee8ff}.result-box strong{font-size:14px}.result-box span{font-size:12px;color:var(--muted)}
.research-summary,.writer-output,.reader-content{color:#d4dbef;overflow-wrap:anywhere}.research-summary h3{color:white;font-size:18px;line-height:1.3}.research-summary .evidence-meta{font-size:12px;color:#a5b6d6}.source-list{padding-left:22px}.source-list li{margin:8px 0}.source-list a,.reader-content a{color:#b9c8ff;text-decoration:underline;text-underline-offset:3px}.writer-panel{background:linear-gradient(135deg,rgba(26,20,47,.97),rgba(10,18,35,.98))}.writer-output{margin-top:19px;padding:17px;background:rgba(7,12,26,.7);border:1px solid #394263;border-radius:15px;white-space:pre-wrap;line-height:1.7}.writer-output p{margin:0}.writer-output[aria-busy="true"]{opacity:.65}
.reader-overlay{position:fixed;inset:0;z-index:5000;background:rgba(3,5,12,.88);display:grid;place-items:center;padding:15px}.reader-modal{width:min(820px,100%);max-height:90vh;overflow-y:auto;background:#101529;border:1px solid #7f6fbc;border-radius:22px;padding:22px;box-shadow:0 30px 90px #000b}.reader-modal header{display:flex;justify-content:space-between;align-items:center;gap:12px}.reader-modal h2{font-size:22px}.reader-content h3{color:#f2dfb1}.reader-content p{white-space:pre-wrap}.oracle-footer{max-width:1100px;margin:auto;border-top:1px solid #262945;padding:18px;text-align:center;color:#8190b4;font-size:12px}
#controlPhiWalletButton{position:static!important;border-radius:999px!important;background:#211936!important;color:#f2d99c!important;border:1px solid #ad8e4e!important;min-height:45px!important;padding:8px 13px!important;box-shadow:0 0 16px #cca36419!important}#controlPhiWalletPanel{background:#0d1428!important;border:1px solid #6b579c!important;border-radius:19px!important;box-shadow:0 24px 68px #000b!important}
@keyframes oraclePulse{from{filter:brightness(.85)}to{filter:brightness(1.4)}}@media(max-width:750px){.oracle-links{display:none}.oracle-bar{flex-wrap:wrap;padding:12px 16px}.oracle-wallet{margin-left:auto}.selected-grid,.suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-slot{min-height:72px}.slot-foot{gap:7px}.spin-button{padding:12px 16px;font-size:12px}.reel{height:80px}.reel-symbol{min-height:80px;font-size:27px}.panel-top{flex-wrap:wrap}.suggest-header{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.oracle-brand strong{font-size:16px}.oracle-brand small{font-size:9px}.slot-foot{grid-template-columns:45px 1fr 45px}.spin-button{white-space:normal}.selected-grid,.suggestion-grid{gap:7px}.reels{gap:4px}}
/* ORACLE DAYLIGHT — Light first. The restored machine keeps its own original chrome. */
:root{color-scheme:light;--base:#fbfaff;--ink:#241638;--muted:#625675;--violet:#7135b5;--gold:#835500;--edge:#ded0f0;--shadow-deep:0 20px 50px #6742982b;--card:#fff;--card-hover:#f6efff}
html,body{background:#fbfaff!important;color:#26173a!important}
.oracle-field{background:radial-gradient(ellipse at 10% 0,#e8dcff 0,transparent 45%),radial-gradient(ellipse at 90% 30%,#e5f3ff 0,transparent 42%),linear-gradient(150deg,#fff,#f8f5ff);z-index:-1}
.oracle-bar{background:#fffefcf5;border-bottom:1px solid #e9d9f1}
.oracle-brand strong,.oracle-intro,.oracle-panel h2,.suggest-header strong{color:#28143a}
.oracle-brand small,.panel-top small,.eyebrow{color:#7040aa}
.oracle-links,.oracle-links a{color:#65437d}
.oracle-intro p:last-child,.tiny-state,.suggest-header span,.entry-actions span,.direction-description{color:#655773}
h1 em{color:#7842bf;text-shadow:0 0 22px #9a7ce451}
.oracle-panel{background:linear-gradient(160deg,#fff,#faf5ff)!important;border:1px solid #dccdec!important;box-shadow:0 13px 34px #6845991a,inset 0 1px #fff!important;color:#312042}
.research-bank-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;color:#684198}
.research-bank-header small{color:#857095}
.selected-grid{display:flex;flex-wrap:wrap;max-height:300px;overflow:auto;gap:8px;padding:12px;border:1px dashed #bca4e2;border-radius:17px;background:#faf7ff}
.bank-chip{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:linear-gradient(120deg,#f5eaff,#e7d6ff);border:1px solid #b08adf;color:#3c206a;padding:6px 8px 6px 13px;box-shadow:0 4px 12px #8560b222;max-width:100%;overflow-wrap:anywhere}
.bank-chip button{border:0;background:#fff;border-radius:999px;color:#7444a2;width:25px;height:25px;cursor:pointer;font-weight:950}
.selected-grid p{margin:0;color:#84689a}
.suggestion-button{background:linear-gradient(125deg,#8a49d1,#62339f);border:1px solid #9a64d1;box-shadow:0 5px 12px #7954ac33;color:white}
.suggestion-button:hover{box-shadow:0 6px 18px #9769cc66;border-color:#f6c968}
.custom-row label,.writer-panel label{color:#5a3873}
.custom-row textarea,.writer-panel textarea{background:#fff;color:#241a35;border:1px solid #bba9d0}
.custom-row textarea::placeholder,.writer-panel textarea::placeholder{color:#907b9e}
.quiet-btn{background:#fff;color:#694192;border:1px solid #c8b0dc}
.secondary-btn{background:linear-gradient(130deg,#743fba,#9851cc);color:#fff!important;border:1px solid #8445bb;text-decoration:none}
.reward-pill{background:#fff8e5;color:#845a00;border-color:#dec281}
.spinner-panel{padding:clamp(14px,3vw,26px)}
/* Restore every part of the 2026 original five-reel machine and actual animated strips. */
.original-slot-wrap{margin:10px 13px 24px;display:flex;justify-content:center;position:relative}
.original-slot-wrap .machine{max-width:820px;background:linear-gradient(160deg,#1a1a2e,#12121c 60%,#0f0f18);border:2px solid #f5c54270;border-radius:28px;overflow:visible;position:relative}
.original-slot-wrap .reels-outer{padding:18px 28px}
.original-slot-wrap .reels-window{position:relative;background:#060811;border:2px solid #dbad5d77;border-radius:18px;overflow:hidden}
.original-slot-wrap .reels{display:flex;align-items:stretch;gap:0;height:160px;padding:0 10px}
.original-slot-wrap .reel{flex:1;min-width:0;height:160px;border:0;background:transparent;border-radius:0;box-shadow:none;overflow:hidden;position:relative}
.original-slot-wrap .reel-strip{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;transition:transform .05s linear}
.original-slot-wrap .reel-symbol{box-sizing:border-box;width:100%;height:160px;min-height:160px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:52px;line-height:1}
.original-slot-wrap .reel-symbol .sym-label{color:#ad9dbe;font-size:10px;font-weight:800;letter-spacing:.11em}
.original-slot-wrap .reel.spinning .reel-strip{animation:none}
.original-slot-wrap .reel-separator{height:auto;width:2px;margin:12px 4px;background:#eab75733;display:block}
.original-slot-wrap .controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:4px}
.original-slot-wrap .spin-btn{display:flex;flex-direction:column;align-items:center;gap:3px;border:2px solid #dab75b;border-radius:16px;background:linear-gradient(145deg,#ffdf8f,#bc8a31);color:#392707;font-weight:950;padding:12px 28px;box-shadow:0 0 20px #c99a3e44}
.original-slot-wrap .spin-btn .spin-btn-label{font-size:12px}
.original-slot-wrap .bet-label{color:#d6c8df}
.original-slot-wrap .spin-counter{color:#ffdc82}
.original-slot-wrap .lever-wrap{right:-19px}
.original-slot-wrap .win-overlay{display:flex;pointer-events:none}
.wallet-reward-line{margin:10px auto;text-align:center;font-size:13px;color:#685075}
.research-summary,.writer-output,.reader-content{color:#3e3053}
.research-summary .evidence-meta{color:#75608e}
.writer-output{background:#fff!important;color:#352645!important;border:1px solid #dfd0ec}
.reader-modal{background:#fff!important;color:#2a173d!important}
.reader-content h3{color:#6938a8}
.reader-content a,.source-list a{color:#7143ae}
.reader-overlay{background:#1c0f2d99}
.direction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;margin-top:18px}
.direction-card{border:1px solid #a985df;background:linear-gradient(145deg,#f7efff,#e6d4ff);border-radius:20px;padding:18px;box-shadow:0 7px 25px #7347af29}
.direction-card h3{font-size:18px;color:#492277;margin:5px 0 10px}
.direction-card p{color:#664e7b;font-size:13px;line-height:1.5}
.direction-card small{font-weight:850;letter-spacing:.06em;color:#8c54bd}
.direction-card .card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.direction-card .card-actions a,.direction-card .card-actions button{border:0;border-radius:999px;background:#783dad;color:#fff!important;padding:8px 11px;text-decoration:none;font-weight:850;font-size:11px;cursor:pointer}
.direction-card .card-actions a:nth-child(2){background:#37205e}
.direction-card .card-actions a:nth-child(3){background:#fff;color:#673c8f!important;border:1px solid #aa8ccd}
.reserve-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.reserve-actions span{font-size:12px;color:#80648f}
.oracle-footer{color:#7c638e;border-color:#e5d7ec}
@media(max-width:700px){.original-slot-wrap{margin:10px 12px 22px}.original-slot-wrap .reels{height:120px;padding:0 4px}.original-slot-wrap .reel{height:120px}.original-slot-wrap .reel-symbol{height:120px;min-height:120px;font-size:36px}.original-slot-wrap .reels-outer{padding:16px 10px}.original-slot-wrap .reel-separator{margin:10px 2px}.original-slot-wrap .spin-btn{padding:10px 16px}.original-slot-wrap .lever-wrap{right:-18px;transform:translateY(-60%) scale(.8)}}
