:root{
  --bg:#09121f;
  --bg2:#0e1c31;
  --panel:#101d33;
  --panel2:#162743;
  --border:rgba(255,255,255,.08);
  --gold:#ffd875;
  --gold2:#ffb42c;
  --text:#f4f8ff;
  --muted:#bcd0f5;
  --green:#7ff5a3;
  --cyan:#67deff;
  --red:#ff638d;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;overflow:hidden;background:radial-gradient(circle at top,#16325b 0%,#0b1730 35%,#070d18 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);touch-action:manipulation;-webkit-text-size-adjust:100%;overscroll-behavior:none}
body{padding:6px}
button,input,canvas,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;font:inherit}a{text-decoration:none;color:inherit}
.serious-app{width:min(1180px,100%);height:calc(100dvh - 12px);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:6px}
.serious-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:20px;background:linear-gradient(180deg,rgba(21,35,61,.92),rgba(10,18,33,.96));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09)}
.serious-brand,.serious-topbar-right{display:flex;align-items:center;gap:10px}.serious-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,var(--gold),var(--gold2));color:#5e3500;font-weight:1000;border:2px solid #fff0b0;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 8px 16px rgba(0,0,0,.18)}
.serious-brand-text strong{display:block;font-size:18px;line-height:1}.serious-brand-text span{display:block;font-size:11px;color:#d8e7ff;font-weight:700}
.serious-settings{padding:11px 13px;border-radius:14px;background:linear-gradient(180deg,#1b2d4f,#12203a);border:1px solid rgba(255,255,255,.08);color:#dbe8ff;font-weight:900}
.serious-balance{min-width:160px;padding:8px 11px;border-radius:15px;background:linear-gradient(180deg,#163126,#102018);border:1px solid rgba(138,255,175,.42);text-align:right;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.serious-balance span{display:block;font-size:11px;color:#d8ffe2}.serious-balance strong{font-size:20px;color:#8cf6a6}
.serious-stage-shell{min-height:0}
.serious-game-stage{position:relative;height:100%;min-height:0;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#09121d;box-shadow:0 28px 60px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -40px 50px rgba(0,0,0,.24)}
#gameCanvas{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.serious-hud-row{position:absolute;left:10px;right:10px;top:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;z-index:7}.serious-hud-box{padding:10px;border-radius:16px;background:rgba(9,18,31,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 22px rgba(0,0,0,.18)}.serious-hud-box span{display:block;font-size:10px;font-weight:800;color:#c5d7fa;text-transform:uppercase}.serious-hud-box strong{display:block;margin-top:4px;font-size:22px;font-weight:1000}.serious-hud-box.accent{background:linear-gradient(180deg,rgba(255,221,127,.93),rgba(255,182,51,.92));color:#573000}.serious-hud-box.accent span{color:#6a4100}
.serious-status-row{position:absolute;left:10px;right:10px;top:88px;display:flex;justify-content:space-between;align-items:center;z-index:7}.serious-mini{display:block;font-size:10px;letter-spacing:.17em;font-weight:900;color:#c6d6f7;text-transform:uppercase}.serious-status-left strong{font-size:18px}.serious-sector{padding:8px 12px;border-radius:999px;background:rgba(12,23,40,.86);backdrop-filter:blur(8px);border:1px solid rgba(255,224,122,.45);color:#ffe390;font-size:11px;font-weight:1000;white-space:nowrap}
.serious-stage-top-right{position:absolute;right:10px;top:136px;display:flex;flex-direction:column;gap:8px;z-index:7}.serious-float-card{min-width:156px;padding:10px 12px;border-radius:16px;background:rgba(9,18,31,.74);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.serious-float-card span{display:block;font-size:10px;font-weight:800;color:#c7d8fb;text-transform:uppercase}.serious-float-card strong{display:block;margin-top:4px;font-size:22px;font-weight:1000;color:#8af6a4}.serious-float-card.small strong{color:#ffe289}
.event-banner{position:absolute;left:50%;top:160px;transform:translateX(-50%) scale(.92);opacity:0;transition:.2s ease;pointer-events:none;z-index:10;padding:12px 16px;border-radius:16px;background:linear-gradient(180deg,#fff1a5,#ffb925);border:2px solid #fff7d5;color:#5d3500;font-size:16px;font-weight:1000;box-shadow:0 12px 28px rgba(0,0,0,.22)}.event-banner.show{opacity:1;transform:translateX(-50%) scale(1)}.event-banner.bad{background:linear-gradient(180deg,#ffb2c7,#ff5f8b);border-color:#ffd6e2;color:#5f001f}.event-banner.missile{background:linear-gradient(180deg,#ffe0ab,#ff8e43);border-color:#ffe8c6;color:#6a2d00}
.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:110px;font-weight:1000;color:#fff8d0;text-shadow:0 8px 0 rgba(0,0,0,.16),0 0 36px rgba(255,224,112,.66);pointer-events:none;z-index:8}
.serious-stage-controls{position:absolute;left:12px;right:12px;bottom:80px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:8}.serious-stage-controls button{pointer-events:auto;width:74px;height:74px;border-radius:22px;background:linear-gradient(180deg,rgba(255,245,164,.97),rgba(255,187,36,.97));border:2px solid #fff4b8;color:#5d3300;font-size:32px;font-weight:1000;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 10px 22px rgba(0,0,0,.24)}
.serious-tip{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:rgba(10,17,28,.66);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:900;color:#d9e7ff;z-index:7}
.serious-bottom-dock{display:grid;grid-template-columns:1fr 1.2fr 220px;gap:6px;padding:8px;border-radius:22px;background:linear-gradient(180deg,rgba(16,28,50,.96),rgba(10,17,31,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
.serious-bet-block,.serious-difficulty-block{padding:10px;border-radius:18px;background:linear-gradient(180deg,#172742,#111c31);border:1px solid rgba(255,255,255,.06)}
.serious-bet-row{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;margin-top:6px}.serious-step{border-radius:14px;background:linear-gradient(180deg,#ffe995,#ffb82b);border:2px solid #fff2b2;color:#603400;font-size:24px;font-weight:1000;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 8px 16px rgba(0,0,0,.16)}.serious-bet-input-wrap{display:flex;align-items:center;gap:8px;height:50px;padding:0 12px;border-radius:15px;background:#0d1530;border:1px solid rgba(255,255,255,.08)}.serious-bet-input-wrap input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:#fff;font-size:19px;font-weight:1000}.serious-bet-input-wrap span{font-size:18px;font-weight:1000;color:#ffe38e}
.serious-difficulty{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}.serious-difficulty button{height:50px;border-radius:14px;background:#0d1530;color:#fff;border:1px solid rgba(255,255,255,.08)}.serious-difficulty button b{display:block;font-size:18px}.serious-difficulty button span{display:block;font-size:10px;color:#d0dfff}.serious-difficulty button.active{background:linear-gradient(180deg,#ffe995,#ffb722);color:#613400;border-color:#fff2b2}.serious-difficulty button.active span{color:#724300}
.serious-play{border-radius:18px;background:linear-gradient(180deg,#ffe995,#ffb722);border:2px solid #fff2b2;color:#603400;font-size:22px;font-weight:1000;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 10px 18px rgba(0,0,0,.2)}
.serious-feed-bar{padding:8px;border-radius:20px;background:linear-gradient(180deg,rgba(16,28,50,.96),rgba(10,17,31,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);display:grid;grid-template-rows:auto auto auto;gap:5px;min-height:0}.serious-feed-head{display:flex;justify-content:space-between;align-items:center}.serious-feed-head strong{font-size:18px}.serious-live{font-size:12px;font-weight:800;color:#d7e4ff}.serious-live i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#6bff8b;box-shadow:0 0 10px #6bff8b;margin-right:5px}.serious-feed-table,.feed-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 100px;gap:6px;align-items:center}.serious-feed-table{padding:0 6px;color:#d0deff;font-size:11px;font-weight:800}.serious-feed-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.feed-row{min-height:38px;padding:0 8px;border-radius:13px;background:#101631;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),inset 0 -8px 14px rgba(0,0,0,.10)}.player{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.avatar{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(180deg,#ffe995,#ffb722);color:#5e3500;font-style:normal;font-size:9px;font-weight:1000}.mx,.result{font-size:12px;font-weight:1000}.feed-row.win .result{color:#8bffac}.feed-row.loss .result{color:#ff91aa}
.result-overlay{position:absolute;inset:0;display:none;place-items:center;z-index:20;background:radial-gradient(circle at center, rgba(255,214,96,.2), rgba(0,0,0,.18) 38%, rgba(0,0,0,.5) 100%)}.result-overlay.show{display:grid;animation:fadeIn .24s ease}.result-card{position:relative;width:min(84%,360px);padding:24px 18px 18px;border-radius:24px;background:linear-gradient(180deg,#24355a,#121a33);border:2px solid #ffe08b;text-align:center;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12)}.result-rays{position:absolute;inset:-80px;background:conic-gradient(from 0deg, rgba(255,228,120,0), rgba(255,228,120,.2), rgba(255,228,120,0), rgba(255,228,120,.25), rgba(255,228,120,0));animation:spin 5s linear infinite}.result-card>*{position:relative;z-index:2}.result-title{font-size:28px;font-weight:1000;color:#fff6cf;letter-spacing:.06em}.result-x{margin-top:8px;font-size:54px;font-weight:1000;color:#ffec8c;text-shadow:0 0 20px rgba(255,222,104,.35)}.result-amount{margin-top:6px;font-size:28px;font-weight:1000;color:#8effab}.result-sub{margin-top:8px;font-size:13px;color:#d7e4ff}.result-close{margin-top:14px;width:100%;height:52px;border-radius:16px;background:linear-gradient(180deg,#ffe995,#ffb722);border:2px solid #fff2b8;color:#633700;font-size:17px;font-weight:1000}.result-card.lose .result-title{color:#ffd6de}.result-card.lose .result-x,.result-card.lose .result-amount{color:#ff89a8}
.settings-card{background:linear-gradient(180deg,#151f38,#10172b);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:16px;color:#fff}.back-link{display:inline-block;margin-bottom:10px;padding:11px 14px;border-radius:14px;background:linear-gradient(180deg,#182946,#122039);border:1px solid rgba(255,255,255,.08);color:#dbe8ff;font-weight:1000}.setting-group{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}.setting-group:first-of-type{border-top:0}.setting-head{display:flex;justify-content:space-between;gap:16px}.setting-head strong{font-size:18px}.setting-head small{display:block;max-width:560px;margin-top:4px;color:#d0dcff}.setting-head b{font-size:32px;color:#92ffb2}.range{width:100%;margin:14px 0}.preset-row,.placement{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.placement{grid-template-columns:1fr 1fr}.preset-row button,.placement button{height:46px;border-radius:14px;background:#111937;color:#fff;border:1px solid rgba(255,255,255,.08);font-weight:800}.placement button.active{background:linear-gradient(180deg,#55ddff,#32b8ff);border-color:#c9f6ff;color:#08344f}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{width:100%;height:50px;padding:0 14px;border-radius:15px;border:1px solid rgba(255,255,255,.09);outline:none;background:#111937;color:#fff;font-size:17px;font-weight:900}.preview-box{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px;background:#101631;border-radius:18px;padding:14px}.preview-box span{display:block;color:#d0dcff;font-size:12px}.preview-box strong{display:block;margin-top:4px;font-size:26px}.save-btn{height:58px;width:100%;border-radius:18px;background:linear-gradient(180deg,#ffe995,#ffb722);border:2px solid #fff4bc;color:#603400;font-size:20px;font-weight:1000}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.serious-bottom-dock{grid-template-columns:1fr;}.serious-play{min-height:58px}.serious-difficulty{grid-template-columns:1fr 1fr}.serious-feed-bar{min-height:160px}}
@media(max-width:640px){body{padding:4px}.serious-app{height:calc(100dvh - 8px);grid-template-rows:auto minmax(0,1fr) auto auto}.serious-topbar{padding:8px 10px;border-radius:18px}.serious-logo{width:38px;height:38px;border-radius:12px}.serious-brand-text strong{font-size:15px}.serious-brand-text span{font-size:10px}.serious-settings{padding:9px 10px;font-size:12px}.serious-balance{min-width:132px;padding:7px 9px}.serious-balance strong{font-size:17px}.serious-game-stage{border-radius:20px}.serious-hud-row{top:8px;left:8px;right:8px;gap:5px}.serious-hud-box{padding:7px 5px;border-radius:12px}.serious-hud-box span{font-size:8px}.serious-hud-box strong{font-size:16px}.serious-hud-box.accent strong{font-size:20px}.serious-status-row{top:68px;left:8px;right:8px}.serious-status-left strong{font-size:14px}.serious-sector{padding:6px 8px;font-size:9px}.serious-stage-top-right{top:108px;right:8px;gap:5px}.serious-float-card{min-width:120px;padding:7px 8px;border-radius:12px}.serious-float-card span{font-size:8px}.serious-float-card strong{font-size:15px}.event-banner{top:128px;font-size:13px;padding:9px 12px;min-width:170px}.countdown{font-size:78px}.serious-stage-controls{left:8px;right:8px;bottom:64px}.serious-stage-controls button{width:58px;height:58px;border-radius:16px;font-size:24px}.serious-tip{bottom:10px;font-size:9px;padding:6px 8px}.serious-bottom-dock{padding:6px;border-radius:18px;gap:6px}.serious-bet-block,.serious-difficulty-block{padding:8px;border-radius:14px}.serious-bet-row{grid-template-columns:42px 1fr 42px;gap:6px}.serious-step{border-radius:12px;font-size:20px}.serious-bet-input-wrap{height:42px;border-radius:12px;padding:0 10px}.serious-bet-input-wrap input{font-size:16px}.serious-difficulty{gap:6px}.serious-difficulty button{height:42px;border-radius:12px}.serious-difficulty button b{font-size:15px}.serious-difficulty button span{font-size:9px}.serious-play{min-height:54px;border-radius:16px;font-size:18px}.serious-feed-bar{padding:6px;border-radius:18px;min-height:145px}.serious-feed-head strong{font-size:15px}.serious-feed-table{font-size:10px}.serious-feed-table,.feed-row{grid-template-columns:minmax(0,1fr) 52px 74px}.feed-row{min-height:32px;padding:0 6px}.player,.mx,.result{font-size:10px}.avatar{width:20px;height:20px;border-radius:7px;font-size:8px}.result-card{width:min(88%,320px);padding:20px 14px 16px;border-radius:20px}.result-title{font-size:24px}.result-x{font-size:44px}.result-amount{font-size:24px}.setting-head{display:block}.setting-head b{display:block;margin-top:8px;font-size:28px}.setting-grid,.preview-box{grid-template-columns:1fr}.preset-row{gap:5px}.preset-row button,.placement button{height:42px;font-size:11px}.field{height:46px;font-size:16px}}


/* v26 immersive layout */
@media(min-width:901px){
  .serious-app{
    grid-template-rows:auto minmax(0,1fr) auto auto;
  }
  .serious-stage-shell{
    min-height:0;
  }
  .serious-game-stage{
    min-height:68vh;
  }
  .serious-bottom-dock{
    grid-template-columns:320px 1fr 220px;
  }
  .serious-feed-compact{
    min-height:0;
    max-height:150px;
    overflow:hidden;
  }
  .serious-feed-compact .serious-feed-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
  }
  .serious-feed-compact .feed-row:nth-child(n+5){display:none}
  .serious-feed-compact .feed-row{
    grid-template-columns:minmax(0,1fr) 58px 86px;
  }
  .serious-feed-compact .serious-feed-table{display:none}
}

/* larger in-game subjects and less chrome */
.serious-hud-row{max-width:760px}
.serious-status-row{max-width:760px}
.serious-stage-top-right{top:88px}
.serious-tip{opacity:.82}

@media(max-width:640px){
  .serious-app{
    grid-template-rows:auto minmax(0,1fr) auto;
  }
  .serious-feed-bar{
    display:none;
  }
  .serious-bottom-dock{
    grid-template-columns:1fr 1fr;
  }
  .serious-bet-block{grid-column:1/2}
  .serious-difficulty-block{grid-column:2/3}
  .serious-play{grid-column:1/3}
  .serious-game-stage{
    min-height:0;
    height:100%;
  }
}


/* v27 mobile cleanup */
@media(max-width:640px){
  .serious-game-stage{overflow:hidden;}
  .serious-status-row{top:66px;right:8px;align-items:flex-start;}
  .serious-status-left{max-width:42%;}
  .serious-status-left .serious-mini{font-size:8px;}
  .serious-status-left strong{font-size:12px;line-height:1.05;}
  .serious-sector{padding:5px 8px;font-size:8px;max-width:46%;text-align:center;white-space:normal;line-height:1.05;}
  .serious-stage-top-right{top:auto;left:8px;right:8px;bottom:78px;transform:none;flex-direction:row;justify-content:center;gap:6px;pointer-events:none;}
  .serious-float-card{min-width:0;flex:1 1 0;max-width:none;padding:6px 7px;border-radius:11px;background:rgba(9,18,31,.82);}
  .serious-float-card span{font-size:7px;line-height:1;}
  .serious-float-card strong{font-size:14px;line-height:1.05;margin-top:3px;}
  .event-banner{top:108px;}
  .serious-stage-controls{bottom:126px;}
  .serious-tip{bottom:54px;max-width:72%;text-align:center;}
  .serious-bottom-dock{margin-top:0;}
}


/* v28 mobile visibility fix */
@media(max-width:640px){
  .serious-status-row{
    top:66px;
  }
  .serious-stage-top-right{
    top:96px;
    right:8px;
    left:auto;
    bottom:auto;
    width:112px;
    display:flex;
    flex-direction:column;
    gap:5px;
    justify-content:flex-start;
    align-items:stretch;
    pointer-events:none;
  }
  .serious-float-card{
    flex:none;
    width:112px;
    padding:6px 7px;
    border-radius:10px;
    background:rgba(9,18,31,.88);
    box-shadow:0 8px 18px rgba(0,0,0,.18);
  }
  .serious-float-card span{
    font-size:7px;
  }
  .serious-float-card strong{
    font-size:13px;
  }
  .serious-stage-controls{
    bottom:118px;
  }
  .serious-tip{
    bottom:18px;
    max-width:62%;
    font-size:8px;
    padding:5px 8px;
    background:rgba(10,17,28,.56);
  }
}


/* v29 mobile bet input fix */
@media(max-width:640px){
  .serious-bottom-dock{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    gap:6px;
  }
  .serious-bet-block{
    min-width:0;
  }
  .serious-difficulty-block{
    min-width:0;
  }
  .serious-play{
    grid-column:1 / -1;
  }
  .serious-bet-row{
    grid-template-columns:42px minmax(0,1fr) 42px;
    gap:6px;
  }
  .serious-step{
    width:42px;
    min-width:42px;
    padding:0;
  }
  .serious-bet-input-wrap{
    position:relative;
    min-width:0;
    height:44px;
    padding:0 30px 0 10px;
    overflow:hidden;
  }
  .serious-bet-input-wrap input{
    width:100%;
    min-width:0;
    padding:0;
    font-size:17px;
    text-align:left;
  }
  .serious-bet-input-wrap span{
    position:absolute;
    right:9px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    pointer-events:none;
  }
}

@media(max-width:390px){
  .serious-bottom-dock{
    grid-template-columns:1fr;
  }
  .serious-play{
    grid-column:auto;
  }
  .serious-difficulty{
    grid-template-columns:repeat(4,1fr);
  }
  .serious-difficulty button span{
    display:none;
  }
  .serious-difficulty button{
    height:42px;
  }
}


/* v30 epic win effects */
.result-overlay.show{display:grid;animation:fadeIn .24s ease}
.result-overlay::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at center, rgba(255,234,134,.28) 0%, rgba(255,234,134,.12) 18%, rgba(0,0,0,0) 55%);
  opacity:0;
}
.result-overlay.show::before{animation:overlayBloom .9s ease-out forwards}
.result-card{
  transform:scale(.86) translateY(20px);
  opacity:0;
}
.result-overlay.show .result-card{
  animation:resultPop .68s cubic-bezier(.16,1.1,.3,1) forwards;
}
.result-card.win-tier-normal{border-color:#ffe08b;box-shadow:0 26px 60px rgba(0,0,0,.4), 0 0 40px rgba(255,214,96,.18), inset 0 1px 0 rgba(255,255,255,.12)}
.result-card.win-tier-big{border-color:#fff3ab;box-shadow:0 30px 70px rgba(0,0,0,.42), 0 0 58px rgba(255,214,96,.28), inset 0 1px 0 rgba(255,255,255,.16)}
.result-card.win-tier-mega{border-color:#ffd7ff;box-shadow:0 34px 90px rgba(0,0,0,.46), 0 0 80px rgba(255,140,210,.32), 0 0 120px rgba(255,214,96,.22), inset 0 1px 0 rgba(255,255,255,.18)}
.result-card.win-tier-epic{border-color:#d7fbff;box-shadow:0 38px 110px rgba(0,0,0,.48), 0 0 100px rgba(103,222,255,.30), 0 0 140px rgba(255,214,96,.28), inset 0 1px 0 rgba(255,255,255,.22)}
.result-card.win-tier-big .result-title,
.result-card.win-tier-mega .result-title,
.result-card.win-tier-epic .result-title{animation:titlePulse 1.2s ease-in-out infinite}
.result-card.win-tier-mega .result-rays,
.result-card.win-tier-epic .result-rays{animation:spin 2.8s linear infinite}
.result-card::after{
  content:"";
  position:absolute;inset:8px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  pointer-events:none;
}
.result-title{position:relative}
.result-title::after{
  content:"";
  display:block;
  width:86px;height:4px;margin:10px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,229,120,1), rgba(255,255,255,0));
  box-shadow:0 0 16px rgba(255,229,120,.45);
}
.result-x{animation:xFloat 1.1s ease-in-out infinite alternate}
.result-amount{animation:amountGlow 1.1s ease-in-out infinite alternate}
.result-close{transition:transform .15s ease, box-shadow .15s ease}
.result-close:active{transform:scale(.98)}
.result-close:hover{box-shadow:0 10px 22px rgba(0,0,0,.18)}
.serious-game-stage.win-flash::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:6;
  background:radial-gradient(circle at center, rgba(255,239,168,.34), rgba(255,239,168,.12) 22%, rgba(255,239,168,0) 55%);
  animation:stageFlash .7s ease-out forwards;
}
@keyframes resultPop{
  0%{transform:scale(.78) translateY(34px);opacity:0}
  45%{transform:scale(1.06) translateY(-8px);opacity:1}
  70%{transform:scale(.98) translateY(2px);opacity:1}
  100%{transform:scale(1) translateY(0);opacity:1}
}
@keyframes overlayBloom{0%{opacity:0}35%{opacity:1}100%{opacity:.72}}
@keyframes titlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes amountGlow{0%{transform:translateY(0);text-shadow:0 0 0 rgba(142,255,171,0)}100%{transform:translateY(-2px);text-shadow:0 0 18px rgba(142,255,171,.30)}}
@keyframes xFloat{0%{transform:translateY(0)}100%{transform:translateY(-3px)}}
@keyframes stageFlash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
@media(max-width:640px){
  .result-card{width:min(90%,330px)}
  .result-title{font-size:26px}
  .result-title::after{width:76px;margin-top:8px}
  .result-x{font-size:46px}
  .result-amount{font-size:24px}
}