.result-shell{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1500px;margin:0 auto;min-height:760px}.result-sidebar{grid-row:auto;padding-top:18px}.result-page{padding:28px;min-width:0}.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.result-heading h1{font-size:34px;margin:5px 0 4px}.result-heading p{margin:0;color:#b9cadb}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#ffc83c}.back-btn{background:#092744;color:#d7e6f4;border:1px solid #31597c;text-decoration:none}.waiting-banner{margin-bottom:18px;padding:16px 18px;border:1px solid #9c7717;background:linear-gradient(90deg,#332706,#171c20);border-radius:11px;color:#ffdb62;font-weight:800}.waiting-banner:before{content:'⏳ ';font-size:19px}.machine-card{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(320px,.75fr);gap:20px;background:linear-gradient(145deg,#082541,#061a30);border:1px solid #244d71;border-radius:16px;padding:22px;box-shadow:inset 0 1px #ffffff08}.machine-stage{display:grid;justify-items:center;align-content:start}.machine-head{width:100%;display:flex;justify-content:space-between;align-items:center;color:#9bb3c8;font-size:12px;font-weight:800;letter-spacing:.09em}.machine-head span{color:#ffca38}.lottery-machine{position:relative;width:350px;height:420px;margin:12px auto 4px}.machine-glass{position:absolute;left:34px;top:6px;width:280px;height:280px;border-radius:50%;border:8px solid #446582;background:radial-gradient(circle at 36% 28%,#ffffff1f 0 7%,#0c3658cc 42%,#06192be8 75%);box-shadow:inset 0 0 45px #2a86bd55,0 0 0 5px #102d48,0 16px 45px #0008;overflow:hidden}.machine-glass:after{content:'';position:absolute;inset:15px 38px auto 38px;height:50px;border-radius:50%;background:linear-gradient(#ffffff24,#ffffff00);transform:rotate(-18deg)}.machine-rotor{position:absolute;inset:50%;width:120px;height:120px;margin:-60px;border:5px solid #294b67;border-radius:50%;opacity:.75}.machine-rotor:before,.machine-rotor:after{content:'';position:absolute;left:55px;top:-38px;width:8px;height:188px;border-radius:9px;background:#294b67}.machine-rotor:after{transform:rotate(90deg)}.machine-stage.running .machine-rotor{animation:rotor .7s linear infinite}.mixer-balls{position:absolute;inset:0}.mixer-ball{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fff,#dce6ef);color:#0a1726;font-size:10px;font-weight:900;box-shadow:inset -3px -4px 6px #8da0b155,0 3px 7px #0007}.machine-stage.running .mixer-ball{animation:mingle 1.05s ease-in-out infinite alternate}.machine-neck{position:absolute;left:145px;top:276px;width:60px;height:46px;background:linear-gradient(90deg,#263e55,#7390a7,#263e55);border:3px solid #183149}.machine-chute{position:absolute;left:168px;top:313px;width:120px;height:50px;border-bottom:16px solid #405d76;border-right:16px solid #405d76;border-radius:0 0 40px 0;transform:skewX(-22deg)}.machine-chute span{display:none}.machine-base{position:absolute;left:80px;bottom:0;width:200px;height:60px;border-radius:18px 18px 8px 8px;background:linear-gradient(#123d62,#071d33);border:2px solid #315b7b;display:grid;place-items:center;color:#ffcb36;font-size:24px;font-weight:1000;letter-spacing:.15em;box-shadow:0 12px 26px #0008}.machine-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.replay-btn{background:#092744;color:#d9e7f4;border:1px solid #31597c}.machine-status{min-height:22px;color:#b9cce0;text-align:center;font-weight:700}.draw-output{align-self:stretch;background:#04182c;border:1px solid #1c4262;border-radius:13px;padding:22px}.output-label{font-size:11px;letter-spacing:.13em;font-weight:900;color:#9cb0c4;margin-bottom:16px}.output-balls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-height:190px;align-content:start}.output-ball{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto;background:radial-gradient(circle at 35% 28%,#fff 0 10%,#f4f8fb 23%,#d7e1e9 65%,#9eabb6 100%);color:#0a1625;font-size:25px;font-weight:1000;box-shadow:0 9px 14px #0008,inset -5px -7px 9px #8fa0ad55;animation:rollIn .7s cubic-bezier(.2,.9,.22,1.3) both}.lucky-output{margin-top:22px;padding-top:20px;border-top:1px solid #31516b;display:flex;align-items:center;justify-content:space-between;gap:16px}.lucky-output>div:first-child{display:grid;gap:5px}.lucky-output span{font-size:12px;font-weight:900;letter-spacing:.1em;color:#ffd148}.lucky-output small{color:#9eb3c7}.output-lucky{flex:0 0 90px;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fffbe5 0 12%,#ffe16a 27%,#ffb90d 58%,#bd6900 100%);border:3px solid #ffe36e;color:#3a2400;font-size:31px;font-weight:1000;box-shadow:0 0 9px #fff4ad,0 0 24px #ffc21e,0 0 48px #dc940090;animation:luckyReveal .9s ease both}.personal-result{margin-top:20px;background:#071d35;border:1px solid #274e70;border-radius:14px;padding:22px}.personal-header{display:flex;justify-content:space-between;gap:20px;align-items:end}.personal-header h2{margin:4px 0 0}.personal-header>strong{font-size:27px;color:#ffd044}.ticket-results{display:grid;gap:10px;margin-top:18px}.result-ticket{display:grid;grid-template-columns:140px 1fr auto;gap:14px;align-items:center;padding:13px;border:1px solid #294e6e;border-radius:10px;background:#082743}.result-ticket .type{font-size:12px;font-weight:900}.result-ticket .nums{display:flex;flex-wrap:wrap;gap:7px}.result-ticket .nums span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e8eef4;color:#0a1725;font-size:12px;font-weight:900}.result-ticket .nums span.hit{background:#34d36c;color:#05220e;box-shadow:0 0 12px #34d36c66}.result-ticket .score{text-align:right;color:#ffd044;font-weight:900}.lucky-message{margin-top:15px;padding:13px;border-radius:9px;background:#102c25;border:1px solid #2e8d5c;color:#8af1ac;font-weight:800}.lucky-message.nohit{background:#10263a;border-color:#31516b;color:#b9ccdd}@keyframes rotor{to{transform:rotate(360deg)}}@keyframes mingle{0%{transform:translate(-13px,15px) rotate(0)}50%{transform:translate(19px,-18px) rotate(140deg)}100%{transform:translate(-8px,-25px) rotate(260deg)}}@keyframes rollIn{0%{opacity:0;transform:translate(-85px,-28px) rotate(-360deg) scale(.55)}70%{opacity:1;transform:translate(8px,0) rotate(20deg) scale(1.06)}100%{transform:none}}@keyframes luckyReveal{0%{opacity:0;transform:scale(.35) rotate(-180deg)}70%{opacity:1;transform:scale(1.13) rotate(12deg)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.machine-stage.running .machine-rotor,.machine-stage.running .mixer-ball,.output-ball,.output-lucky{animation:none!important}}@media(max-width:1000px){.result-shell{grid-template-columns:210px minmax(0,1fr)}.machine-card{grid-template-columns:1fr}.draw-output{max-width:620px;width:100%;margin:auto}}@media(max-width:820px){.result-shell{display:block}.result-sidebar{display:none}.result-page{padding:14px}.result-heading{flex-direction:column}.machine-card{padding:14px}.lottery-machine{transform:scale(.84);transform-origin:top center;margin-bottom:-55px}.output-balls{grid-template-columns:repeat(3,1fr)}.result-ticket{grid-template-columns:1fr}.result-ticket .score{text-align:left}}@media(max-width:430px){.lottery-machine{transform:scale(.72);margin-bottom:-105px}.output-ball{width:62px;height:62px}.output-lucky{width:74px;height:74px;flex-basis:74px}.personal-header{align-items:flex-start;flex-direction:column}}

@media(max-width:820px){
  .result-page{width:100%;max-width:100%;overflow:hidden;padding:12px}
  .result-heading{gap:12px}
  .result-heading h1{font-size:29px}
  .back-btn{width:100%;justify-content:center}
  .machine-card{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);padding:12px}
  .machine-stage,.draw-output{min-width:0;width:100%}
  .lottery-machine{max-width:350px}
  .machine-controls{width:100%}
  .machine-controls .btn{min-height:50px;min-width:min(100%,260px)}
  .output-balls{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .lucky-output{min-width:0}
  .personal-result{padding:14px}
  .result-ticket{min-width:0}
}
@media(max-width:430px){
  .result-page{padding:9px}
  .machine-card{padding:9px}
  .lottery-machine{width:350px;max-width:none;margin-left:50%;transform:translateX(-50%) scale(.72);transform-origin:top center}
  .output-balls{gap:7px}
  .output-ball{width:56px;height:56px;font-size:21px}
  .draw-output{padding:14px 10px}
  .lucky-output{align-items:flex-start}
  .lucky-output small{font-size:11px}
  .output-lucky{width:68px;height:68px;flex-basis:68px;font-size:25px}
  .personal-header>strong{font-size:23px}
  .result-ticket{padding:10px}
}