/* AWD_GREAT_WIENERINI_CABINET_V13 */
:root{
  --cabinet-wood:#4c1116;
  --cabinet-wood-dark:#240709;
  --cabinet-wood-light:#7a232a;
  --cabinet-brass:#c99743;
  --cabinet-brass-dark:#72501f;
  --cabinet-brass-light:#f5d88a;
  --cabinet-cream:#fff3c9;
  --cabinet-purple:#24112f;
  --cabinet-purple-2:#4b1f61;
  --cabinet-red:#9b2029;
  --cabinet-ink:#170b0d;
  --cabinet-glass:#130b1c;
}
*{box-sizing:border-box}
.wienerini-shell{max-width:1220px}
.wienerini-stage{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:18px 0 30px;
  padding:26px clamp(10px,2.6vw,30px) 40px;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 18% 16%,rgba(255,181,69,.13),transparent 24%),
    radial-gradient(circle at 84% 18%,rgba(255,94,42,.1),transparent 25%),
    linear-gradient(180deg,#100b14 0%,#160d19 44%,#09070b 100%);
  box-shadow:0 24px 58px rgba(24,6,10,.34);
}
.wienerini-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  box-shadow:inset 0 0 110px rgba(0,0,0,.55);
}
.carnival-scene{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.carnival-scene::before{
  content:"";
  position:absolute;
  inset:34% -6% -12%;
  opacity:.64;
  background:
    linear-gradient(112deg,transparent 0 10%,rgba(255,187,92,.12) 10.4% 11%,transparent 11.4% 31%,rgba(255,104,48,.1) 31.4% 32%,transparent 32.4% 62%,rgba(255,190,79,.1) 62.4% 63%,transparent 63.5%),
    repeating-linear-gradient(90deg,rgba(77,28,25,.55) 0 46px,rgba(39,18,22,.62) 46px 92px),
    linear-gradient(180deg,transparent,#0b080b 58%);
  clip-path:polygon(0 38%,8% 19%,17% 39%,27% 15%,37% 40%,48% 21%,61% 39%,70% 12%,83% 38%,91% 20%,100% 40%,100% 100%,0 100%);
}
.distant-midway{
  position:absolute;
  left:6%;right:6%;bottom:4%;height:24%;
  opacity:.35;
  background:
    radial-gradient(ellipse at 16% 72%,rgba(255,177,75,.24),transparent 20%),
    radial-gradient(ellipse at 50% 62%,rgba(255,83,46,.19),transparent 22%),
    radial-gradient(ellipse at 84% 72%,rgba(255,177,75,.22),transparent 20%);
  filter:blur(7px);
}
.midway-lights{position:absolute;top:12%;width:58%;height:120px;opacity:.78}
.midway-lights::before{
  content:"";position:absolute;left:0;right:0;top:38px;height:3px;background:rgba(103,80,56,.75);transform:rotate(5deg);
}
.midway-lights::after{
  content:"";position:absolute;inset:0;
  background-image:
    radial-gradient(circle,#ffe8a6 0 4px,#ff9a36 5px 7px,transparent 8px),
    radial-gradient(circle,#ffd77e 0 4px,#d95527 5px 7px,transparent 8px);
  background-size:76px 74px,76px 74px;
  background-position:0 22px,38px 54px;
  filter:drop-shadow(0 0 7px rgba(255,180,69,.7));
}
.midway-lights-left{left:-7%;transform:rotate(-5deg)}
.midway-lights-right{right:-7%;transform:scaleX(-1) rotate(-5deg)}
.mystic-eyebrow{
  position:relative;z-index:2;margin:0 0 12px;text-align:center;color:#f2cf82;
  font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 5px #000;
}
.oracle-cabinet{
  position:relative;z-index:2;width:min(100%,1020px);margin:0 auto 34px;
  padding:0 18px 18px;
  border:3px solid #2a090c;border-radius:36px 36px 24px 24px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.04),transparent 12% 88%,rgba(255,255,255,.04)),
    repeating-linear-gradient(7deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px),
    linear-gradient(90deg,#2a090d 0%,#66171f 9%,#481017 50%,#6d1d23 91%,#2a090d 100%);
  box-shadow:
    0 0 0 3px #6a481d,
    0 0 0 7px #1b090a,
    0 28px 46px rgba(0,0,0,.58),
    inset 0 0 32px rgba(255,184,92,.08);
}
.oracle-cabinet::before,.oracle-cabinet::after{
  content:"";position:absolute;top:132px;bottom:54px;width:14px;border-radius:10px;
  background:linear-gradient(90deg,#1f080a,#8d2b31,#321014);box-shadow:inset 0 0 0 2px rgba(237,194,109,.25);
}
.oracle-cabinet::before{left:4px}.oracle-cabinet::after{right:4px;transform:scaleX(-1)}
.cabinet-crown{
  height:34px;margin:0 32px -8px;border-radius:60% 60% 8px 8px/100% 100% 8px 8px;
  background:linear-gradient(#8e2b31,#3b0d12);border:2px solid #bc8737;border-bottom:0;
  box-shadow:0 -7px 20px rgba(0,0,0,.2),inset 0 6px 9px rgba(255,255,255,.05);
}
.machine-marquee{
  position:relative;overflow:hidden;margin:0 -2px 18px;padding:20px 44px 18px;
  min-height:120px;display:grid;place-items:center;text-align:center;
  border:4px solid #7d571f;border-radius:28px 28px 16px 16px;
  background:
    radial-gradient(ellipse at 50% 12%,rgba(255,237,170,.18),transparent 42%),
    linear-gradient(180deg,#6d1720,#3b0c12 62%,#25080c);
  box-shadow:inset 0 0 0 3px #d2a151,inset 0 -18px 24px rgba(0,0,0,.25),0 8px 14px rgba(0,0,0,.3);
}
.machine-marquee::before,.machine-marquee::after{
  content:"";position:absolute;left:18px;right:18px;height:9px;border-radius:999px;
  background:linear-gradient(90deg,#72501f,#edc76f,#72501f);box-shadow:0 1px 0 #ffeab0;
}
.machine-marquee::before{top:13px}.machine-marquee::after{bottom:13px}
.marquee-bulbs{position:absolute;inset:4px;border-radius:22px;pointer-events:none}
.marquee-bulbs::before,.marquee-bulbs::after{
  content:"";position:absolute;left:20px;right:20px;height:12px;
  background:radial-gradient(circle,#fff3bb 0 3px,#ffad43 4px 6px,transparent 7px) 0 0/42px 12px repeat-x;
  filter:drop-shadow(0 0 6px rgba(255,172,56,.9));animation:bulbTwinkle 2.8s ease-in-out infinite;
}
.marquee-bulbs::before{top:21px}.marquee-bulbs::after{bottom:21px;animation-delay:1.4s}
.marquee-copy{position:relative;z-index:2;padding:8px 0}
.machine-marquee h1{
  margin:0;color:#ffe9a7;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.25rem,6.1vw,5.05rem);line-height:.96;letter-spacing:.015em;
  text-shadow:0 3px 0 #7c4217,0 6px 0 #2b090c,0 0 22px rgba(255,204,102,.42);
}
.machine-marquee p{margin:.52rem 0 0;color:#f7d27a;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1rem,2vw,1.42rem);font-weight:700;font-style:italic;letter-spacing:.08em;text-transform:uppercase}
.cabinet-inner-frame{
  position:relative;padding:10px;border:3px solid #6f4f20;border-radius:18px;
  background:linear-gradient(#d0a253,#6f4e1d);box-shadow:inset 0 0 0 3px #2d150c,0 9px 14px rgba(0,0,0,.28);
}
.oracle-layout{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(0,1.55fr);gap:10px;min-height:530px}
.oracle-portrait{
  position:relative;overflow:hidden;min-height:530px;border:3px solid #22100e;border-radius:12px;
  background:
    radial-gradient(circle at 50% 36%,rgba(249,207,116,.22),transparent 28%),
    linear-gradient(180deg,#220d21 0%,#130916 72%,#09070c 100%);
  box-shadow:inset 0 0 30px rgba(0,0,0,.65),inset 0 0 0 2px rgba(215,170,77,.35);
}
.oracle-portrait::after{
  content:"";position:absolute;inset:0;z-index:10;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 18% 64%,rgba(255,255,255,.035) 72%,transparent 84%);
  mix-blend-mode:screen;
}
.oracle-portrait img{
  position:absolute;z-index:2;left:50%;bottom:60px;transform:translateX(-50%);
  width:132%;max-width:none;height:78%;object-fit:contain;object-position:center bottom;
  filter:saturate(.92) contrast(1.03) brightness(.92) drop-shadow(0 16px 15px rgba(0,0,0,.5));
}
.portrait-curtain{position:absolute;z-index:6;top:0;bottom:0;width:25%;background:linear-gradient(90deg,#420b16,#9d2431 48%,#54101d 84%,#280812);box-shadow:inset 0 0 20px rgba(0,0,0,.42)}
.portrait-curtain-left{left:0;border-right:2px solid #bf8a38;border-radius:0 75% 58% 0}
.portrait-curtain-right{right:0;transform:scaleX(-1);border-right:2px solid #bf8a38;border-radius:0 75% 58% 0}
.portrait-valance{position:absolute;z-index:7;left:0;right:0;top:0;height:86px;background:linear-gradient(#701722,#3d0b14);clip-path:polygon(0 0,100% 0,100% 58%,92% 75%,83% 58%,73% 78%,62% 58%,51% 79%,40% 58%,29% 78%,18% 58%,8% 75%,0 58%);border-bottom:2px solid #c18f42;filter:drop-shadow(0 8px 7px rgba(0,0,0,.4))}
.fez{position:absolute;z-index:8;top:88px;left:50%;width:76px;height:52px;transform:translateX(-50%) rotate(-2deg);border-radius:10px 10px 15px 15px;background:linear-gradient(90deg,#680b12,#b8252e 52%,#650a11);border:2px solid #3f080d;box-shadow:0 6px 9px rgba(0,0,0,.45)}
.fez::before{content:"";position:absolute;left:8px;right:8px;top:-7px;height:13px;border-radius:50%;background:#ca3439;border:2px solid #3f080d}
.fez::after{content:"";position:absolute;right:6px;top:1px;width:2px;height:58px;background:#e4bd59;transform:rotate(-14deg);transform-origin:top;box-shadow:0 0 4px rgba(255,218,110,.35)}
.fez span{position:absolute;right:-6px;bottom:-12px;width:13px;height:20px;border-radius:0 0 8px 8px;background:#e4bd59;transform:rotate(-14deg)}
.mystic-robe{position:absolute;z-index:3;left:50%;bottom:54px;transform:translateX(-50%);width:54%;height:31%;border-radius:54% 54% 12% 12%;background:linear-gradient(90deg,#321047,#7c2f79 50%,#321047);clip-path:polygon(10% 0,42% 12%,50% 31%,58% 12%,90% 0,100% 100%,0 100%);box-shadow:inset 0 0 18px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.4);opacity:.86}
.mystic-medallion{position:absolute;z-index:5;left:50%;bottom:176px;transform:translateX(-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#ffe8a2,#b87e21 62%,#583414 64%);border:2px solid #f4d982;color:#4c1c52;font-weight:1000;box-shadow:0 0 12px rgba(255,208,108,.42)}
.portrait-orb{position:absolute;z-index:9;left:50%;bottom:78px;transform:translateX(-50%);width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 24%,#fff 0 4%,#c9d5ff 8%,#7256a5 34%,#321d55 64%,#170c28);border:4px solid #d2aa51;box-shadow:0 0 0 4px #32190d,0 0 30px rgba(157,116,255,.46),inset -10px -12px 22px rgba(0,0,0,.46)}
.portrait-orb::after{content:"";position:absolute;width:74px;height:18px;bottom:-18px;border-radius:50%;background:linear-gradient(#d5a84b,#704615);border:2px solid #38210d}
.portrait-orb span{font-size:2.4rem;color:#fff1b2;text-shadow:0 0 15px #fff,0 0 28px #c998ff}
.portrait-nameplate{position:absolute;z-index:11;left:50%;bottom:16px;transform:translateX(-50%);padding:6px 20px;border:2px solid #e0bd6d;border-radius:4px;background:linear-gradient(#d2a458,#74511f);color:#24100d;font-family:Georgia,"Times New Roman",serif;font-weight:900;letter-spacing:.18em;text-shadow:0 1px rgba(255,255,255,.45);box-shadow:0 3px 8px rgba(0,0,0,.4)}
.machine-console{display:flex;min-width:0;flex-direction:column;gap:9px}
.display-bezel{
  position:relative;flex:1;min-height:470px;padding:14px;border:3px solid #21100d;border-radius:12px;
  background:linear-gradient(135deg,#5e421b,#d3a353 18%,#6e4d1e 44%,#d3a353 65%,#5e421b);
  box-shadow:inset 0 0 0 3px #2c160c,0 6px 12px rgba(0,0,0,.3);
}
.display-glass{position:absolute;z-index:5;inset:14px;border-radius:8px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.11),transparent 17% 70%,rgba(255,255,255,.025) 77%,transparent 84%);mix-blend-mode:screen}
.reading-chamber{
  position:relative;z-index:2;min-height:438px;height:100%;display:flex;align-items:center;justify-content:center;
  padding:clamp(22px,4vw,42px);border:2px solid #09060b;border-radius:8px;
  background:
    radial-gradient(circle at 50% 26%,rgba(142,84,180,.28),transparent 35%),
    radial-gradient(circle at 18% 18%,rgba(255,217,124,.06),transparent 18%),
    linear-gradient(180deg,#191124 0%,#100a18 72%,#08070b 100%);
  box-shadow:inset 0 0 50px rgba(0,0,0,.68),inset 0 0 0 2px rgba(122,92,155,.14);
}
.game-screen{width:min(100%,610px);text-align:center;position:relative;z-index:3}
.game-screen[hidden]{display:none!important}
.game-screen h2{margin:.65rem 0 .8rem;color:#fff5ca;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.15;text-shadow:0 2px 5px #000}
.game-screen p{color:#eadfec;line-height:1.55}
.crystal-ball{position:relative;width:112px;height:112px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff 0 3%,#d9c8ff 7%,#7d4ba8 30%,#3f1f6b 62%,#1c1036 100%);border:4px solid #dfc477;box-shadow:0 0 0 5px rgba(59,25,68,.9),0 0 28px rgba(187,135,255,.48),inset -12px -16px 28px rgba(8,2,18,.42);animation:orbPulse 3.2s ease-in-out infinite}
.crystal-ball::after{content:"";position:absolute;width:78px;height:18px;bottom:-18px;border-radius:50%;background:linear-gradient(#d4b15f,#7d5422);border:3px solid #3c2513;box-shadow:0 7px 10px rgba(0,0,0,.3)}
.crystal-ball span{font-size:2.7rem;color:#fff2b2;text-shadow:0 0 18px #fff,0 0 34px #d697ff}
.crystal-ball-small{width:88px;height:88px}.crystal-ball-small span{font-size:2rem}.crystal-ball.dim{filter:saturate(.45) brightness(.78)}
.start-control{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.mystic-button,.secondary-mystic-button,.answer-grid button,.text-mystic-button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mystic-button{padding:13px 20px;border:2px solid #ffe386;border-radius:999px;background:linear-gradient(#d5a642,#8b5b18);color:#1f0c25;font-weight:1000;letter-spacing:.045em;box-shadow:0 7px 16px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.52)}
.mystic-button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.start-button{width:110px;height:110px;padding:0;border-radius:50%;border:7px solid #d8a84b;background:radial-gradient(circle at 34% 28%,#ff6b5b 0 10%,#c7282d 36%,#83131b 73%,#4e0d12 100%);color:#fff8d6;font-size:1.08rem;letter-spacing:.12em;text-shadow:0 2px 2px #531017;box-shadow:0 0 0 5px #3d1b0d,0 10px 0 #2b0d0e,0 15px 22px rgba(0,0,0,.42),inset 0 5px 6px rgba(255,255,255,.22)}
.start-button:active{transform:translateY(5px);box-shadow:0 0 0 5px #3d1b0d,0 5px 0 #2b0d0e,0 8px 14px rgba(0,0,0,.38),inset 0 5px 6px rgba(255,255,255,.18)}
.bone-slot{display:flex;align-items:center;gap:9px;padding:9px 12px;border:2px solid #9d772d;border-radius:7px;background:linear-gradient(#2c2420,#14100e);color:#efd688;font-size:.73rem;letter-spacing:.08em;box-shadow:inset 0 0 0 2px #060504,0 4px 9px rgba(0,0,0,.35)}
.bone-icon{font-size:1.45rem;filter:grayscale(.2) sepia(.15)}
.secondary-mystic-button{padding:12px 18px;border:2px solid #b989c6;border-radius:999px;background:#3c194a;color:#fff;font-weight:900}
.text-mystic-button{border:0;background:transparent;color:#ead6f1;text-decoration:underline;text-underline-offset:3px;font-size:.86rem;font-weight:800;padding:6px 9px;border-radius:8px}
.text-mystic-button:hover{color:#fff3ba;background:rgba(255,255,255,.07)}
.text-mystic-button:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}
.mystic-button:focus-visible,.secondary-mystic-button:focus-visible,.answer-grid button:focus-visible,.text-mystic-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.signature-line{margin:.95rem 0 0!important;color:#f5d979!important;font-weight:900;font-style:italic}
.reading-status{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;padding:8px 11px;border:1px solid rgba(230,198,119,.38);border-radius:8px;background:rgba(10,3,18,.42);color:#e8d598;font-size:.78rem;font-weight:900;letter-spacing:.03em}
.mystic-intro{margin:0;color:#d4a9e3!important;font-style:italic;font-weight:800}
.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}
.answer-grid button{position:relative;min-height:56px;padding:10px 34px 10px 12px;border:2px solid #6f4e1f;border-radius:8px;background:linear-gradient(#fff7d9,#dcbf7e);color:#311241;font-weight:1000;box-shadow:0 5px 0 #28120b,0 8px 12px rgba(0,0,0,.24),inset 0 2px rgba(255,255,255,.55)}
.answer-grid button:hover{transform:translateY(-1px);filter:brightness(1.05)}
.answer-grid button:active{transform:translateY(3px);box-shadow:0 2px 0 #28120b,0 5px 8px rgba(0,0,0,.22)}
.answer-grid button small{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(50,17,66,.12);font-size:.7rem}
.answer-grid button:last-child{grid-column:1/-1;background:linear-gradient(#563068,#2f153b);color:#f6e9ff;border-color:#73517c}.answer-grid button:last-child small{background:rgba(255,255,255,.13)}
.question-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:11px}.wienerini-aside{min-height:1.55em;margin:12px 0 0!important;color:#f1d787!important;font-weight:800;font-style:italic}
.guess-label{margin:1.1rem 0 .25rem!important;color:#d9bd68!important;font-size:.78rem;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.guess-name{margin:0 0 1.35rem!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,3.3rem);font-weight:900;line-height:1.05;text-shadow:0 0 20px rgba(241,204,105,.3)}
.guess-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.guess-actions .text-mystic-button{flex-basis:100%;margin-top:2px}
.teach-form{display:grid;gap:9px;text-align:left;margin-top:18px}.teach-form label{color:#f2dfaa;font-weight:900}.teach-form label span{font-weight:500;color:#cdbbd3}.teach-form input{width:100%;padding:12px 13px;border:2px solid #8d6c92;border-radius:8px;background:#fff;color:#27102f;font:inherit}.teach-form .mystic-button{justify-self:center;margin-top:6px}
.machine-control-deck{position:relative;min-height:48px;display:flex;align-items:center;justify-content:center;padding:9px 36px;border:3px solid #24110c;border-radius:9px;background:linear-gradient(#6f4b1e,#c89a48 46%,#74501f);box-shadow:inset 0 2px rgba(255,255,255,.25),0 5px 8px rgba(0,0,0,.28)}
.deck-label{color:#25110d;font-size:.7rem;font-weight:1000;letter-spacing:.12em;text-align:center;text-shadow:0 1px rgba(255,255,255,.35)}
.deck-screw{position:absolute;top:50%;width:13px;height:13px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3d489,#8f6729 52%,#3b2810 56%);box-shadow:inset 0 0 0 1px #34200c}.deck-screw::after{content:"";position:absolute;left:2px;right:2px;top:5px;height:2px;background:#5b401c;transform:rotate(-17deg)}.deck-screw-left{left:13px}.deck-screw-right{right:13px}
.game-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.game-stats span{min-width:0;padding:10px 7px 9px;border:2px solid #25120d;border-radius:7px;background:linear-gradient(#21191a,#0b0808);text-align:center;box-shadow:inset 0 0 0 1px #6b4e24,0 3px 6px rgba(0,0,0,.25)}
.game-stats small{display:block;min-height:2.3em;color:#cbb98a;font-size:.62rem;font-weight:900;line-height:1.15;letter-spacing:.08em}
.game-stats strong{display:block;margin-top:3px;color:#ffd96f;font-family:"Courier New",monospace;font-size:1.4rem;line-height:1;text-shadow:0 0 10px rgba(255,204,75,.28)}
.cabinet-bottom{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 24px 0;padding:10px 16px;border:2px solid #3a240e;border-radius:5px;background:linear-gradient(#d5a956,#7f591f);color:#24100c;font-family:Georgia,"Times New Roman",serif;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-align:center;text-shadow:0 1px rgba(255,255,255,.42);box-shadow:inset 0 0 0 1px #f0cf84,0 4px 8px rgba(0,0,0,.32)}
.cabinet-bottom b{color:#6d3517}
.cabinet-feet{position:absolute;left:42px;right:42px;bottom:-23px;display:flex;justify-content:space-between;pointer-events:none}.cabinet-feet span{width:82px;height:28px;border-radius:0 0 11px 11px;background:linear-gradient(90deg,#2a090d,#601820,#2a090d);border:2px solid #1c080a;border-top:0;box-shadow:0 8px 10px rgba(0,0,0,.28)}
.wienerini-about{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:22px;border:1px solid rgba(235,196,102,.32);border-radius:16px;background:rgba(11,7,11,.72);box-shadow:0 10px 24px rgba(0,0,0,.24)}
.wienerini-about h2{margin:0 0 .5rem;color:#fff1bd;font-family:Georgia,"Times New Roman",serif}.wienerini-about p{margin:.55rem 0;color:#dfd1e7;line-height:1.55}.wienerini-about .keyboard-tip{margin-top:1rem;color:#f0d98d;font-size:.86rem;font-weight:800}
@keyframes orbPulse{0%,100%{box-shadow:0 0 0 5px rgba(59,25,68,.9),0 0 24px rgba(187,135,255,.36),inset -12px -16px 28px rgba(8,2,18,.42)}50%{box-shadow:0 0 0 5px rgba(59,25,68,.9),0 0 40px rgba(218,173,255,.62),inset -12px -16px 28px rgba(8,2,18,.42)}}
@keyframes bulbTwinkle{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:860px){
  .oracle-cabinet{padding-left:12px;padding-right:12px}
  .oracle-layout{grid-template-columns:1fr}
  .oracle-portrait{min-height:350px}
  .oracle-portrait img{height:84%;width:106%;bottom:35px}
  .portrait-valance{height:70px}
  .fez{top:61px}
  .mystic-robe{width:45%;height:32%;bottom:42px}
  .mystic-medallion{bottom:145px}
  .portrait-orb{width:88px;height:88px;bottom:60px}.portrait-orb span{font-size:2rem}
  .display-bezel{min-height:440px}.reading-chamber{min-height:406px}
}
@media(max-width:640px){
  .wienerini-stage{margin-left:-4px;margin-right:-4px;padding:18px 7px 34px;border-radius:18px}
  .mystic-eyebrow{font-size:.66rem;letter-spacing:.08em;padding:0 8px}
  .oracle-cabinet{padding:0 7px 12px;border-radius:24px 24px 18px 18px}
  .cabinet-crown{height:22px;margin:0 22px -5px}
  .machine-marquee{min-height:96px;padding:18px 20px 16px;border-radius:20px 20px 12px 12px}
  .machine-marquee h1{font-size:clamp(2rem,12vw,3.25rem)}
  .machine-marquee p{font-size:.84rem;letter-spacing:.04em}
  .marquee-bulbs::before,.marquee-bulbs::after{background-size:32px 12px}
  .cabinet-inner-frame{padding:6px}
  .oracle-layout{gap:6px}
  .oracle-portrait{min-height:300px}
  .oracle-portrait img{width:118%;height:82%;bottom:25px}
  .portrait-curtain{width:20%}.portrait-valance{height:60px}.fez{top:51px;width:68px;height:47px}
  .mystic-robe{width:48%;height:33%;bottom:35px}.mystic-medallion{bottom:125px}
  .portrait-orb{width:78px;height:78px;bottom:52px}.portrait-orb::after{width:56px}.portrait-nameplate{bottom:10px;font-size:.78rem}
  .display-bezel{padding:8px;min-height:430px}.display-glass{inset:8px}.reading-chamber{min-height:408px;padding:25px 13px}
  .game-screen h2{font-size:clamp(1.35rem,7vw,1.8rem)}
  .crystal-ball{width:96px;height:96px}.crystal-ball-small{width:80px;height:80px}
  .start-control{gap:12px}.start-button{width:96px;height:96px;border-width:6px}.bone-slot{font-size:.65rem}
  .reading-status{flex-direction:column;gap:3px}
  .answer-grid{grid-template-columns:1fr}.answer-grid button:last-child{grid-column:auto}
  .guess-actions{display:grid}.guess-actions .text-mystic-button{grid-column:auto}
  .game-stats{grid-template-columns:1fr 1fr}.game-stats small{min-height:auto}.game-stats strong{font-size:1.25rem}
  .cabinet-bottom{margin:10px 8px 0;gap:6px;flex-wrap:wrap;font-size:.65rem;letter-spacing:.06em}
  .cabinet-feet{left:28px;right:28px}.cabinet-feet span{width:58px;height:20px}
  .wienerini-about{padding:17px}
}
@media(max-width:390px){
  .machine-marquee h1{font-size:2.1rem}.machine-marquee p{font-size:.72rem}
  .oracle-portrait{min-height:270px}.oracle-portrait img{width:128%}
  .mystic-robe{width:54%}.game-stats{gap:5px}.game-stats span{padding:8px 4px}.game-stats small{font-size:.55rem}
}
@media(prefers-reduced-motion:reduce){.crystal-ball,.marquee-bulbs::before,.marquee-bulbs::after{animation:none!important}.mystic-button:hover,.answer-grid button:hover{transform:none}}


/* AWD_WIENERINI_RESULT_TRIVIA_V7 */
.result-extra{margin:1rem auto 1.15rem;padding:12px 14px;max-width:500px;border:1px solid rgba(230,198,119,.42);border-radius:13px;background:rgba(10,3,18,.28);text-align:left}
.result-extra-label{margin:0 0 .3rem!important;color:#f1d787!important;font-size:.78rem;font-weight:1000;letter-spacing:.06em;text-transform:uppercase}
.result-trivia{margin:0!important;color:#eadff0!important;font-size:.91rem;line-height:1.5!important}
.result-more-link{display:inline-block;margin-top:.55rem;color:#ffe89a;font-size:.85rem;font-weight:900;text-underline-offset:3px}
.result-more-link:hover{color:#fff4c6}


/* AWD_GREAT_WIENERINI_MACHINE_V14 — approved machine art + live control overlay */
body[data-presentation="machine-v14"] .wienerini-stage{position:relative!important;min-height:0!important;padding:18px 10px 34px!important;background:#120a0d!important;overflow:hidden!important}
body[data-presentation="machine-v14"] .carnival-scene,
body[data-presentation="machine-v14"] .mystic-eyebrow,
body[data-presentation="machine-v14"] .cabinet-crown,
body[data-presentation="machine-v14"] .machine-marquee,
body[data-presentation="machine-v14"] .oracle-portrait,
body[data-presentation="machine-v14"] .machine-control-deck,
body[data-presentation="machine-v14"] .game-stats,
body[data-presentation="machine-v14"] .cabinet-bottom,
body[data-presentation="machine-v14"] .cabinet-feet{display:none!important}
body[data-presentation="machine-v14"] .oracle-cabinet{position:relative!important;z-index:2!important;width:640px!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:2/3!important;margin:0 auto 26px!important;padding:0!important;border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:0 24px 54px rgba(0,0,0,.48)!important;overflow:hidden!important}
body[data-presentation="machine-v14"] .oracle-cabinet::before,
body[data-presentation="machine-v14"] .oracle-cabinet::after{display:none!important}
body[data-presentation="machine-v14"] .approved-machine-art{position:absolute!important;z-index:0!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important;pointer-events:none!important}
body[data-presentation="machine-v14"] .approved-machine-art img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:fill!important;border-radius:24px!important}
body[data-presentation="machine-v14"] .cabinet-inner-frame{position:absolute!important;z-index:3!important;left:21%!important;top:51%!important;width:58%!important;height:31%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;box-shadow:none!important}
body[data-presentation="machine-v14"] .oracle-layout{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}
body[data-presentation="machine-v14"] .machine-console{display:flex!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;gap:0!important}
body[data-presentation="machine-v14"] .display-bezel{flex:1 1 auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:7px!important;border:2px solid rgba(219,174,88,.8)!important;border-radius:18px!important;background:rgba(21,10,18,.88)!important;box-shadow:0 0 0 3px rgba(42,17,15,.72),0 8px 20px rgba(0,0,0,.38)!important}
body[data-presentation="machine-v14"] .display-glass{inset:7px!important;border-radius:14px!important}
body[data-presentation="machine-v14"] .reading-chamber{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:10px 12px!important;overflow:auto!important;border-radius:13px!important;background:radial-gradient(circle at 50% 8%,rgba(120,83,169,.20),transparent 34%),rgba(14,8,18,.92)!important}
body[data-presentation="machine-v14"] .game-screen{width:100%!important;min-height:100%!important;padding:0!important}
body[data-presentation="machine-v14"] .game-screen h2{font-size:clamp(1rem,2.4vw,1.42rem)!important;line-height:1.18!important;margin:.42rem 0!important}
body[data-presentation="machine-v14"] .game-screen p{font-size:clamp(.72rem,1.55vw,.9rem)!important;line-height:1.28!important;margin:.36rem 0!important}
body[data-presentation="machine-v14"] .crystal-ball{width:64px!important;height:64px!important;margin:.1rem auto .35rem!important}
body[data-presentation="machine-v14"] .crystal-ball-small{width:48px!important;height:48px!important}
body[data-presentation="machine-v14"] .answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}
body[data-presentation="machine-v14"] .answer-grid button{min-height:34px!important;padding:6px 7px!important;font-size:.72rem!important}
body[data-presentation="machine-v14"] .mystic-button,
body[data-presentation="machine-v14"] .secondary-mystic-button{min-height:36px!important;padding:7px 10px!important;font-size:.74rem!important}
body[data-presentation="machine-v14"] .question-actions{gap:8px!important;margin-top:6px!important}
body[data-presentation="machine-v14"] .text-mystic-button{font-size:.7rem!important}
body[data-presentation="machine-v14"] .start-control{margin-top:7px!important}
body[data-presentation="machine-v14"] .bone-slot{font-size:.62rem!important}
body[data-presentation="machine-v14"] .wienerini-about{position:relative!important;z-index:3!important;width:min(94%,760px)!important;margin:0 auto!important}
@media(max-width:640px){
  body[data-presentation="machine-v14"] .wienerini-stage{padding-left:2px!important;padding-right:2px!important}
  body[data-presentation="machine-v14"] .oracle-cabinet{width:100%!important;max-width:100%!important}
  body[data-presentation="machine-v14"] .cabinet-inner-frame{left:18%!important;top:50.5%!important;width:64%!important;height:32%!important}
  body[data-presentation="machine-v14"] .reading-chamber{padding:7px 8px!important}
  body[data-presentation="machine-v14"] .game-screen h2{font-size:.9rem!important}
  body[data-presentation="machine-v14"] .game-screen p{font-size:.66rem!important}
  body[data-presentation="machine-v14"] .answer-grid button{min-height:30px!important;padding:4px!important;font-size:.62rem!important}
  body[data-presentation="machine-v14"] .mystic-button,
  body[data-presentation="machine-v14"] .secondary-mystic-button{min-height:32px!important;padding:5px 7px!important;font-size:.64rem!important}
  body[data-presentation="machine-v14"] .crystal-ball{width:48px!important;height:48px!important}
}


/* AWD_GREAT_WIENERINI_V14_MOBILE_POLISH — keep the live controls readable inside the approved cabinet on phones */
html,body[data-presentation="machine-v14"]{background:#000!important}
body[data-presentation="machine-v14"] .cabinet-inner-frame{top:58%!important}
@media(max-width:640px){
  body[data-presentation="machine-v14"] .cabinet-inner-frame{left:17%!important;top:58%!important;width:66%!important;height:36%!important}
  body[data-presentation="machine-v14"] .reading-chamber{padding:5px 7px!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important}
  body[data-presentation="machine-v14"] .game-screen{height:100%!important;min-height:0!important;overflow:auto!important;scrollbar-width:none!important}
  body[data-presentation="machine-v14"] .game-screen::-webkit-scrollbar{display:none!important}

  body[data-presentation="machine-v14"] #introScreen .crystal-ball{display:none!important}
  body[data-presentation="machine-v14"] #introScreen h2{font-size:.82rem!important;line-height:1.08!important;margin:.12rem 0 .24rem!important}
  body[data-presentation="machine-v14"] #introScreen p{font-size:.57rem!important;line-height:1.18!important;margin:.18rem 0!important}
  body[data-presentation="machine-v14"] #introScreen .start-control{margin-top:4px!important;gap:6px!important;flex-wrap:nowrap!important}
  body[data-presentation="machine-v14"] #introScreen .start-button{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;border-width:4px!important;font-size:.62rem!important;letter-spacing:.07em!important;box-shadow:0 0 0 3px #3d1b0d,0 5px 0 #2b0d0e,0 8px 12px rgba(0,0,0,.38),inset 0 3px 4px rgba(255,255,255,.2)!important}
  body[data-presentation="machine-v14"] #introScreen .bone-slot{padding:4px 6px!important;gap:4px!important;font-size:.46rem!important;letter-spacing:.04em!important}
  body[data-presentation="machine-v14"] #introScreen .bone-icon{font-size:.78rem!important}
  body[data-presentation="machine-v14"] #introScreen .signature-line{display:none!important}

  body[data-presentation="machine-v14"] #questionScreen .reading-status{display:flex!important;flex-direction:row!important;justify-content:center!important;margin:0 0 2px!important;padding:2px 4px!important;font-size:.49rem!important;line-height:1!important}
  body[data-presentation="machine-v14"] #questionScreen #cosmicStatus{display:none!important}
  body[data-presentation="machine-v14"] #questionScreen .mystic-intro{display:none!important}
  body[data-presentation="machine-v14"] #questionScreen h2{font-size:.72rem!important;line-height:1.08!important;margin:.12rem 0 .22rem!important}
  body[data-presentation="machine-v14"] #questionScreen .answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-top:4px!important}
  body[data-presentation="machine-v14"] #questionScreen .answer-grid button{min-height:27px!important;padding:3px 20px 3px 4px!important;font-size:.51rem!important;line-height:1.05!important;white-space:nowrap!important;box-shadow:0 3px 0 #28120b,0 5px 8px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.5)!important}
  body[data-presentation="machine-v14"] #questionScreen .answer-grid button small{right:3px!important;width:15px!important;height:15px!important;font-size:.48rem!important}
  body[data-presentation="machine-v14"] #questionScreen .answer-grid button:last-child{grid-column:1/-1!important}
  body[data-presentation="machine-v14"] #questionScreen .question-actions{gap:3px!important;margin-top:3px!important}
  body[data-presentation="machine-v14"] #questionScreen .text-mystic-button{padding:2px 4px!important;font-size:.48rem!important}
  body[data-presentation="machine-v14"] #questionScreen .wienerini-aside{display:none!important}
}