@import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#fff4db;background:#244b40;font-synthesis:none;--ivory:#fff5df;--gold:#f7c979;--muted:#b7c9b8}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#143a3122,#143a3122),url('./art/garden-background.png') center/cover no-repeat;pointer-events:none}body{isolation:isolate}.tile.locked{filter:brightness(.82) saturate(.83)!important}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 45%,#467362 0%,#2d5749 53%,#1c3c35 100%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fdd58b;outline-offset:5px}button:disabled{cursor:default}button{touch-action:manipulation}.garden-grain{position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.game{max-width:1440px;margin:auto;padding:24px 46px 14px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff14;padding-bottom:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ivory);font-family:Jua,sans-serif;font-size:33px;letter-spacing:-1px;line-height:1.1;text-shadow:0 3px #193c33}.brand small{display:block;margin-top:8px;font:11px 'Noto Sans KR',sans-serif;letter-spacing:2px;color:#c6d3bd;text-shadow:none}.brand-mark{color:var(--gold);font:48px Georgia,serif}.stage{border:1px solid #a6bea13d;border-radius:30px;padding:9px 17px;display:flex;align-items:center;gap:12px;color:#dfebd4;font-size:13px;letter-spacing:1px}.stage-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}.stage-number{font-size:14px;color:var(--gold);border-left:1px solid #ffffff29;padding-left:12px;font-weight:700}.top-actions{display:flex;gap:10px}.icon-button{width:39px;height:39px;display:grid;place-items:center;border:1px solid #d2e3c72b;border-radius:50%;background:#ffffff08;color:#e6efdc;font-weight:600;font-size:20px}.icon-button:hover{background:#ffffff18}.icon-button svg{width:18px;height:18px}.play{max-width:1000px;margin:auto}.scoreboard{max-width:780px;margin:23px auto 4px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:0 8px}.score-block{min-width:88px}.score-block>span{font-size:11px;letter-spacing:1px;color:var(--muted)}.score-block strong{display:block;font-size:27px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums}.time-block{text-align:right}.time-block strong{font-size:22px;margin-top:4px}.progress-block{flex:1;max-width:290px}.progress-block>span{display:flex;align-items:baseline;gap:5px;font-size:12px;color:#d2ddc7}.progress-block b{font-size:17px;color:var(--ivory)}.progress-block small{margin-left:auto;color:#bbcdb3;font-size:11px}.progress-track{height:5px;background:#112d2666;border-radius:10px;margin-top:9px;overflow:hidden}.progress-track i{display:block;height:100%;width:0%;background:#f1c478;transition:width .25s;border-radius:10px}.board-area{position:relative;margin:0 auto;display:flex;justify-content:center;isolation:isolate}.board-halo{position:absolute;inset:7% 5%;border-radius:50%;background:radial-gradient(ellipse,#89a87018,transparent 69%);z-index:-1}#board-wrap{position:relative;flex-shrink:0}#board{position:absolute;left:0;top:0;width:850px;height:665px;transform-origin:top left;user-select:none;-webkit-user-select:none}.tile{position:absolute;width:74px;height:91px;border:0;background:#fff5df;border-radius:10px;padding:0;box-shadow:2px 3px 0 #d8ac66,3px 7px 0 #b6874b,4px 9px 0 #8d693e,5px 12px 7px #142c2870,inset 0 0 0 2px #fffbec,inset 0 -5px 0 #efdab4;transition:filter .15s;transform-origin:center;outline-offset:2px}.tile-face{display:block;position:absolute;left:4px;right:4px;top:9px;aspect-ratio:1;background-image:url('./art/zodiac-atlas.png');background-size:400% 300%;background-repeat:no-repeat;border-radius:8px;pointer-events:none;mix-blend-mode:multiply}.tile.locked{filter:brightness(.74) saturate(.78);cursor:not-allowed}.tile.free:hover{filter:brightness(1.07);box-shadow:2px 3px 0 #eec383,3px 7px 0 #c39960,4px 9px 0 #8d693e,5px 12px 7px #142c2870,inset 0 0 0 3px #f7ce83}.tile.selected{box-shadow:0 0 0 3px #ffcc72,0 0 22px #f4cd7570,2px 5px 0 #cb9149,3px 9px 0 #8d693e;transform:translateY(-4px)}.tile.hinted{animation:hint-pulse .7s ease-in-out 3}.tile.wrong{animation:wrong .22s ease-in-out}.tile.removing{pointer-events:none;animation:pop .24s ease-out forwards;z-index:1500!important}.tile.new-free{animation:reveal .32s ease-out}.impact-ring{position:absolute;width:74px;height:91px;border:5px solid #fff2b5;border-radius:18px;pointer-events:none;z-index:1800;animation:ring .3s ease-out forwards}.particle{position:absolute;pointer-events:none;z-index:1900;color:#ffdb89;text-shadow:0 0 8px #ffe9af;font-size:23px;animation:particle .48s cubic-bezier(.1,.7,.3,1) forwards}.point-float{position:absolute;z-index:1950;pointer-events:none;color:#fff3b2;font:24px Jua,sans-serif;text-shadow:0 2px #855739;animation:float .8s ease-out forwards}#combo-badge{position:absolute;top:6%;left:50%;transform:translateX(-50%);z-index:2000;pointer-events:none;white-space:nowrap;color:#ffda90;font:32px Jua,sans-serif;text-shadow:0 3px #4c4029,0 0 25px #ffd77555;opacity:0}#combo-badge.show{animation:combo .8s ease-out forwards}.under-board{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;font-size:13px;color:#d4e0cd;text-align:center}.live-dot{width:5px;height:5px;background:#e7bd79;border-radius:50%;flex-shrink:0}.tools{display:flex;align-items:center;justify-content:center;gap:12px;margin:17px auto 0}.tools button{display:flex;align-items:center;gap:12px;color:#f1ebd5;border:1px solid #d1dbc62e;background:#2343387a;border-radius:14px;padding:13px 22px;min-height:54px;box-shadow:0 3px 0 #193b3270;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.tools button:hover:not(:disabled){background:#416752;transform:translateY(-2px)}.tools button:active:not(:disabled){transform:translateY(1px)}.tools button:disabled{opacity:.35}.tool-icon{display:flex;color:#eec68a}.tool-icon svg{width:22px;height:22px}.tools small{font-size:10px;margin-left:9px;color:#b6c3ab;border:1px solid #ffffff22;border-radius:4px;padding:1px 4px;font-weight:400}.tool-divider{width:1px;height:28px;background:#d1dbc621;margin:0 5px}.tools .restart{border-color:transparent;background:none;box-shadow:none;color:#c7d3be;padding:12px}.restart .tool-icon{color:#b6c6ac}footer{display:flex;justify-content:space-between;align-items:center;max-width:780px;margin:24px auto 0;color:#a9beaa;font-size:11px}footer button{border:0;background:none;color:inherit;font-size:11px;padding:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid #fff6df;background:#fff5df;color:#594934;border-radius:26px;width:min(430px,calc(100vw - 36px));padding:0;box-shadow:0 22px 100px #08241eb0}dialog::backdrop{background:#102d27aa;backdrop-filter:blur(7px)}.modal-inner{text-align:center;padding:34px 32px}.modal-flower{font:62px Georgia;color:#ce9454}.eyebrow{color:#947251;font-size:11px;letter-spacing:2px;margin:14px 0 9px}h1{font:32px Jua,sans-serif;margin:0 0 18px}#modal-copy{font-size:14px;line-height:1.9;white-space:pre-line;margin:0 0 28px;color:#7b6b53}#modal-actions{display:flex;gap:10px;justify-content:center}#modal-actions button{padding:13px 24px;background:#345e4d;border:0;border-radius:12px;color:#fff5df;font-weight:600;font-size:14px}#modal-actions .secondary{background:#eddfc4;color:#735f43}.board-shake{animation:shake .18s linear}.reduced .particle,.reduced .impact-ring{display:none}.reduced .tile.removing{animation:fade .12s linear forwards}.reduced .tile.hinted{animation:none;outline:4px solid #f9c675}.reduced .tile.new-free{animation:none}.reduced #combo-badge.show{animation:fade-badge .6s linear forwards}
@keyframes pop{0%{transform:scale(1)}25%{transform:scale(.89)}55%{transform:scale(1.14);filter:brightness(1.5)}100%{transform:scale(.65);opacity:0}}@keyframes ring{from{transform:scale(.7);opacity:1}to{transform:scale(1.45);opacity:0}}@keyframes particle{from{transform:translate(0,0) scale(.5);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.3);opacity:0}}@keyframes float{from{transform:translateY(0);opacity:1}to{transform:translateY(-48px);opacity:0}}@keyframes combo{0%{opacity:0;scale:.6}20%{opacity:1;scale:1.12}40%{scale:1}75%{opacity:1}100%{opacity:0;translate:0 -12px}}@keyframes wrong{25%{translate:-4px}75%{translate:4px}}@keyframes hint-pulse{50%{box-shadow:0 0 0 4px #ffdc90,0 0 27px #ffe38a,3px 8px 0 #a8793e;filter:brightness(1.14)}}@keyframes reveal{from{filter:brightness(1.3)}to{filter:brightness(1)}}@keyframes shake{25%{translate:2px 0}75%{translate:-2px 1px}}@keyframes fade{to{opacity:0}}@keyframes fade-badge{0%,80%{opacity:1}100%{opacity:0}}
@media(min-width:1300px){.header{padding-left:18px;padding-right:18px}}@media(max-width:700px){.game{padding:16px 12px 14px}.header{gap:8px;padding-bottom:15px}.brand{font-size:26px;gap:6px}.brand-mark{font-size:33px}.brand small{font-size:9px;letter-spacing:1px;margin-top:6px}.stage{display:none}.top-actions{gap:6px}.icon-button{width:36px;height:36px}.scoreboard{gap:16px;margin-top:21px;padding:0 12px}.score-block{min-width:65px}.score-block strong{font-size:24px}.time-block strong{font-size:19px}.progress-block>span{font-size:11px}.progress-block small{display:none}.under-board{font-size:12px;padding:0 8px;min-height:42px}.tools{gap:8px;margin-top:12px;flex-wrap:wrap}.tools button{padding:12px 14px;gap:7px;min-height:48px}.tools small{display:none}.tools .restart{padding:12px 8px}.tool-divider{display:none}.tool-icon svg{width:20px;height:20px}footer{margin:25px 10px 0;font-size:10px}footer button{font-size:10px}.board-area{margin-top:12px}#combo-badge{font-size:24px;top:2%}}@media(max-height:570px) and (min-width:701px){.game{padding-top:10px}.header{padding-bottom:9px}.brand{font-size:25px}.brand small{display:none}.brand-mark{font-size:32px}.scoreboard{margin:10px auto 0}.score-block strong{font-size:20px}.score-block>span{font-size:10px}.tools{margin-top:5px}.tools button{min-height:40px;padding:8px 15px}footer{display:none}.under-board{min-height:24px}}
@media(max-height:570px) and (min-width:701px){.play{position:relative}.scoreboard{position:absolute;left:0;top:18px;flex-direction:column;gap:15px;width:110px;padding:0;margin:0}.score-block,.time-block{text-align:center}.progress-block{flex:auto;width:95px}.progress-block>span{justify-content:center;font-size:10px}.progress-block small{display:none}.board-area{max-width:calc(100% - 220px);margin:auto}.tools{position:absolute;right:0;top:15px;width:106px;flex-direction:column;gap:9px;margin:0}.tools button{width:100%;padding:10px;justify-content:center;font-size:12px}.tools small,.tool-divider{display:none}.tools .restart{padding:10px}.under-board{font-size:11px;min-height:22px}}
[hidden]{display:none!important}.stage{background:#203f3470;color:#e4edd7;cursor:pointer}.journey{display:flex;gap:15px;align-items:center;justify-content:space-between;max-width:780px;margin:14px auto 0;font-size:11px;color:#c8d8bf}.journey button{background:none;border:0;color:var(--chapter-color,#f0c67e);font-size:11px;padding:6px 0}.journey #save-status{color:#aabcab;font-size:10px}.journey #stage-title{color:#efedd7}.boss-panel{position:relative;display:flex;gap:12px;align-items:center;max-width:620px;margin:10px auto 0;background:#172f2a9e;border:1px solid #ebc18a6b;border-radius:16px;padding:9px 16px;min-height:70px}.boss-portrait{width:50px;height:50px;flex-shrink:0;background-image:url('./art/zodiac-atlas.png');background-size:400% 300%;border-radius:12px}.boss-info{flex:1}.boss-heading,.boss-detail{display:flex;justify-content:space-between;gap:10px;align-items:center}.boss-heading strong{font:17px Jua,sans-serif;color:#ffe5b7}.boss-heading span{font-size:11px;color:#c2d1bc}.boss-health{height:8px;border-radius:5px;background:#0b221ba6;margin:7px 0;overflow:hidden}.boss-health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#d8997a,#f3cb8a);border-radius:5px;transition:width .2s}.boss-detail{font-size:10px;color:#dfd7bf}#boss-hit{position:absolute;right:18px;top:-9px;font:20px Jua;color:#ffe5a4;text-shadow:0 2px #735237}.boss-struck #boss-hit{animation:float .7s forwards}.boss-panel:not(.boss-struck) #boss-hit{display:none}.tile.fogged:not(.selected):not(.hinted) .tile-face{opacity:.07}.tile.fogged:not(.selected):not(.hinted)::after{content:'☁';position:absolute;inset:15px 0 0;text-align:center;font-size:46px;color:#b3a8bd;text-shadow:0 2px white;pointer-events:none}.tile.hinted .tile-face{opacity:1}.boss-battle .scoreboard{margin-top:10px}.intro{max-width:1250px;margin:auto;padding:30px 50px;min-height:100svh;display:flex;flex-direction:column}.intro-header{display:flex;justify-content:space-between;align-items:center}.intro-wordmark{font:25px Jua,sans-serif;color:#ffe7bc}.intro-edition{color:#c6d5c0;font-size:11px;letter-spacing:2px}.intro-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center;flex:1;padding:45px 10px}.intro-main{text-align:center}.intro-eyebrow{font-size:12px;letter-spacing:2px;color:#e6cd9e;margin:0 0 17px}.intro h1{font:86px Jua,sans-serif;letter-spacing:-5px;text-shadow:0 5px #244236;margin:0;color:#fff0d4}.intro h1 span{color:#f5ca88}.intro-tagline{font-size:14px;line-height:1.9;color:#c5d9c6;margin:17px 0 0}.intro-friends{height:205px;display:flex;align-items:center;justify-content:center;position:relative;margin:8px auto 12px}.friend-card{position:relative;width:116px;height:139px;border-radius:20px;background:#fff5df;border:3px solid #fff8e9;box-shadow:0 7px #d4aa70,0 11px #927048,0 20px 20px #14372c50}.friend-card i{display:block;position:absolute;width:104px;height:104px;left:3px;top:13px;background-image:url('./art/zodiac-atlas.png');background-size:400% 300%;mix-blend-mode:multiply}.friend-card.rabbit{transform:rotate(-13deg) translate(10px,8px)}.friend-card.rabbit i{background-position:100% 0}.friend-card.tiger{transform:translateY(-5px);z-index:2}.friend-card.tiger i{background-position:66.6667% 0}.friend-card.dragon{transform:rotate(13deg) translate(-10px,8px)}.friend-card.dragon i{background-position:0 50%}.friend-spark{position:absolute;right:12%;top:15px;font-size:26px;color:#f7d399}.intro-meta{display:flex;justify-content:center;gap:15px;color:#d5dfc7;font-size:11px;margin-bottom:22px}.intro-meta span+span{border-left:1px solid #baccb540;padding-left:15px}.continue-button{border:1px solid #ffdfa8;border-radius:16px;background:linear-gradient(110deg,#f6cf91,#edb971);color:#65472e;width:100%;max-width:370px;position:relative;padding:17px 50px;box-shadow:0 5px #a27645,0 10px 28px #173b2855;transition:transform .15s}.continue-button:hover{transform:translateY(-2px)}#continue-label{font:23px Jua,sans-serif;display:block}#continue-stage{font-size:10px;display:block;margin-top:5px;color:#896744}.continue-button b{position:absolute;right:25px;top:24px;font-size:25px}.intro-secondary{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:22px;color:#a6bca6}.intro-secondary button{background:none;border:0;color:#e2e6d0;font-size:12px;padding:8px}.intro-save-note{font-size:10px;color:#a4baa9;margin-top:10px}.ranking-panel{background:linear-gradient(140deg,#fef5e6,#f3e5cc);color:#625542;border:1px solid #fff6e5;border-radius:25px;padding:28px;box-shadow:0 18px 65px #13332966;transform:rotate(1deg)}.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ranking-heading .eyebrow{font-size:10px;letter-spacing:1px;margin-top:0}.ranking-heading h2{font:29px Jua;margin:6px 0 20px;color:#594a37}.ranking-badge{border:1px solid #d4c7ac;color:#a08c6c;font-size:9px;padding:5px 8px;border-radius:20px;white-space:nowrap}.ranking-tabs{display:flex;background:#e4d5ba75;padding:4px;border-radius:12px;margin-bottom:21px}.ranking-tabs button{width:50%;background:none;border:0;border-radius:9px;padding:10px;color:#a28d6d;font-size:12px}.ranking-tabs button.active{background:#fff9ed;color:#755c39;box-shadow:0 2px 8px #bfa57b21;font-weight:700}.rank-labels{display:flex;justify-content:space-between;color:#a79579;font-size:10px;padding:0 8px 10px;border-bottom:1px solid #d9c9ae66}.ranking-panel ol{list-style:none;margin:0;padding:0}.ranking-panel li{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #d9c9ae50;font-size:12px}.ranking-panel li>b{font-family:Jua;font-size:17px;color:#b39b75;width:21px}.ranking-panel li:first-child>b{color:#c4913f}.ranking-panel li strong{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:#7a694f}.rank-avatar{width:34px;height:34px;flex-shrink:0;background-image:url('./art/zodiac-atlas.png');background-size:400% 300%;border-radius:50%}.my-rank{display:flex;align-items:center;gap:15px;background:#e5d7bb70;border-radius:11px;margin-top:18px;padding:13px;font-size:11px;color:#8a7353}.my-rank small{margin-left:auto;font-size:10px}.ranking-note{text-align:center;font-size:10px;color:#a28e6e;line-height:1.8;margin:17px 0 0}.intro-footer{max-width:none;width:100%;font-size:10px;color:#a4b9a4;margin:12px 0 0}.intro-footer span:last-child{font-size:9px;letter-spacing:1px}#map-modal{width:min(860px,calc(100vw - 28px));padding:28px;max-height:90svh;overflow:auto}.map-head{display:flex;justify-content:space-between;align-items:start}.map-head h1{font-size:29px}.map-head .icon-button{color:#8b7655;border-color:#c4b190}.map-head p:not(.eyebrow){font-size:12px;color:#9b8260}.map-chapter h2{font-size:14px;color:#8a704e;margin:23px 0 13px}.stage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.stage-card{border:1px solid #d9c7a8;background:#fffaf0;border-radius:13px;min-height:118px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#826a47}.stage-card:disabled{background:#e9e1d1;opacity:.6}.stage-card.current{border:2px solid #507760;background:#ecf0df}.stage-card.boss-card{background:#f7dfb6;border-color:#d4a25e}.stage-card-number{font:24px Jua}.stage-card strong{font-size:10px;font-weight:600;word-break:keep-all}.stage-card small{font-size:10px;color:#ac854c}.map-foot{font-size:11px;color:#a08b6b;text-align:center;line-height:1.8;margin:24px 0 0}.reduced .boss-struck #boss-hit{animation:none;opacity:0}
@media(max-width:850px){.intro{padding:23px}.intro-layout{gap:28px;padding:30px 0}.intro h1{font-size:65px}.ranking-panel{padding:20px}.friend-card{width:94px;height:117px}.friend-card i{width:82px;height:82px}.intro-friends{height:174px}.intro-meta{gap:7px;font-size:9px}.intro-meta span+span{padding-left:7px}}
@media(max-width:700px){.intro-layout{grid-template-columns:1fr;max-width:440px;align-self:center;width:100%;gap:40px;padding:37px 0}.intro-edition{font-size:9px;letter-spacing:0}.intro-wordmark{font-size:22px}.intro h1{font-size:72px}.intro-eyebrow{font-size:10px}.intro-friends{height:176px}.ranking-panel{transform:none}.intro-footer span:last-child{display:none}.intro-meta{font-size:10px}.ranking-panel li{padding:12px 0}.journey{margin:9px 4px 0;gap:6px}.journey #stage-title{font-size:10px}.journey #save-status{display:none}.boss-panel{padding:8px 10px;gap:8px;margin:7px 4px 0}.boss-heading strong{font-size:14px}.boss-heading span{font-size:10px}.boss-detail{font-size:9px;gap:5px}.boss-portrait{width:42px;height:42px}.stage-grid{grid-template-columns:repeat(3,1fr)}.stage-card{min-height:102px}.map-head h1{font-size:23px}#map-modal{padding:20px}.brand{font-size:23px}.brand-mark{font-size:25px}.top-actions{gap:4px}.icon-button{width:32px;height:32px}.under-board{font-size:10px}.scoreboard{margin-top:10px}}
@media(max-height:570px) and (min-width:701px){.journey{margin-top:4px;min-height:25px}.boss-panel{max-width:calc(100% - 235px);margin:4px auto;padding:6px 10px;min-height:62px}.scoreboard{top:42px}.tools{top:44px}.boss-portrait{width:38px;height:38px}.boss-heading strong{font-size:14px}.boss-detail{font-size:9px}.intro-layout{padding:28px 0}.intro{min-height:650px}.boss-battle .scoreboard{margin-top:0}}
.time-block{position:relative}.time-track{height:4px;overflow:hidden;background:#132f2770;border-radius:6px;margin:5px 0 4px}.time-track i{display:block;height:100%;width:100%;background:#a9d5aa;transition:width .1s linear}#time-note{display:block;font-size:9px;color:#bed4b9;white-space:nowrap}#time-bonus{position:absolute;top:16px;right:-43px;font:17px Jua;color:#d0f8ab;opacity:0;pointer-events:none}#time-bonus.show{animation:float .75s ease-out forwards}#time.time-low{color:#ffc094;text-shadow:0 0 16px #ef774977}#time.time-low~.time-track i{background:#f2a381}.reduced #time-bonus.show{animation:fade-badge .6s linear forwards}
#time-bonus{right:0;top:-13px} dialog{max-height:90svh;overflow:auto}

.intro-header-actions{display:flex;align-items:center;gap:20px}.promo-teaser{position:relative;display:grid;grid-template-columns:108px 1fr;align-items:center;width:274px;min-height:74px;padding:6px;border:1px solid #f6d69a70;border-radius:17px;background:#173c33c7;color:#fff2d6;overflow:hidden;box-shadow:0 10px 30px #0e2e2550;text-align:left;transition:transform .18s,background .18s}.promo-teaser:hover{transform:translateY(-2px);background:#244f42}.promo-teaser img{width:108px;height:62px;border-radius:12px;object-fit:cover}.promo-play{position:absolute;left:43px;top:24px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff1dbe8;color:#815936;font-size:11px;padding-left:2px;box-shadow:0 3px 12px #1a332970}.promo-copy{display:flex;flex-direction:column;gap:3px;padding:0 9px}.promo-copy b{font:16px Jua,sans-serif}.promo-copy small{font-size:9px;color:#bed0bc}.promo-teaser:focus-visible{outline-offset:3px}#promo-modal{width:min(900px,calc(100vw - 28px));padding:22px;background:#173c33;color:#fff2d6;border-color:#efd09970;border-radius:25px;overflow:hidden}.promo-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.promo-modal-head .eyebrow{color:#e5bd7d;margin:0 0 6px}.promo-modal-head h1{font-size:27px;margin:0}.promo-close{width:39px;height:39px;border:1px solid #ffffff36;border-radius:50%;background:#ffffff0d;color:#fff2d6;font-size:24px;line-height:1}.promo-video-frame{position:relative;overflow:hidden;border-radius:17px;background:#0d261f;box-shadow:inset 0 0 0 1px #ffffff18}.promo-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.promo-video-badge{position:absolute;left:14px;top:14px;padding:7px 11px;border:1px solid #ffffff3d;border-radius:20px;background:#173c33bf;color:#fff0d1;font-size:10px;letter-spacing:1px;pointer-events:none}.promo-modal-note{text-align:center;color:#bed0bc;font-size:11px;margin:15px 0 2px}
@media(max-width:850px){.intro-edition{display:none}.promo-teaser{width:246px;grid-template-columns:96px 1fr}.promo-teaser img{width:96px}.promo-play{left:37px}.promo-copy b{font-size:15px}}
@media(max-width:700px){.intro-header{align-items:flex-start}.intro-header-actions{gap:0}.promo-teaser{width:73px;min-height:52px;display:block;padding:4px}.promo-teaser img{width:63px;height:42px;border-radius:9px}.promo-play{left:24px;top:14px;width:25px;height:25px;font-size:9px}.promo-copy{display:none}#promo-modal{padding:15px}.promo-modal-head h1{font-size:20px}.promo-modal-head .eyebrow{font-size:8px}.promo-close{width:34px;height:34px}.promo-video-badge{left:9px;top:9px;font-size:8px}.promo-modal-note{line-height:1.7;padding:0 10px}}

.mslb-fab{top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));right:12px}