@font-face{font-family:Manrope;src:url(/demos/frostline-courier/assets/manrope-400-BEIO-tX3.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Manrope;src:url(/demos/frostline-courier/assets/manrope-600-DBphNC1-.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:Manrope;src:url(/demos/frostline-courier/assets/manrope-800-CNT0ON31.ttf)format("truetype");font-display:swap;font-weight:800}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff8f8;font-synthesis:none;background:#060e1c;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:#123747;border:1px solid #74999f88;border-radius:8px}button:disabled{cursor:default;opacity:.48}button:not(:disabled):hover{filter:brightness(1.14)}button:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #fcbb60}[hidden]{display:none!important}small{letter-spacing:1.4px;font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}button,.piece{-webkit-tap-highlight-color:transparent}.depot{transform-origin:50%;isolation:isolate;background:linear-gradient(#08182b12,#0a233f30),url(/demos/frostline-courier/assets/depot-Xr-UBGyj.webp) 50%/cover;position:absolute;left:50%;overflow:hidden;box-shadow:0 0 80px #183f5b66}.depot:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0;box-shadow:inset 0 -110px 85px -80px #010b16}.snow{pointer-events:none;opacity:.33;background-image:radial-gradient(circle,#d3f6ffb0 0 1px,#0000 2px),radial-gradient(circle,#d3f6ff70 0 2px,#0000 3px);background-size:163px 151px,247px 219px;animation:24s linear infinite snowfall;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}header{text-align:center;z-index:1;width:237px;position:absolute;top:24px;left:26px}header>small{letter-spacing:3.3px;color:#a7ced8;font-size:9px}h1{margin-top:8px}.wordmark{letter-spacing:-1.5px;color:#e6fcff;text-shadow:0 2px #45627c,0 5px #0b2444,0 7px 10px #0008;font-size:38px;font-weight:950;line-height:.9;display:block}.wordmark em{letter-spacing:8px;color:#ffa854;text-shadow:0 2px #5b2919,0 4px #101e34;margin-top:10px;font-size:.57em;font-style:normal;display:block}.dispatch-board{z-index:1;background:linear-gradient(90deg,#09263866,#071c2eed,#09263866);border-block:1px solid #87c6d564;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:922px;min-height:96px;padding:9px 24px;display:flex;position:absolute;top:23px;left:292px;box-shadow:0 10px 30px #0002}.dispatch-board>small{color:#a9dedf;font-size:11px}.dispatch-board>strong{letter-spacing:.2px;color:#f4ecdd;font-size:25px;line-height:1.3}#route-progress{letter-spacing:2px;color:#c0cddd;align-items:center;gap:9px;height:25px;margin-top:7px;font-size:11px;font-weight:650;display:flex}.stop{color:#99aabe;border:1px solid #628ca1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.stop.done{color:#082331;background:#53b0bb;border-color:#8ef0e8}.stop.current{color:#372819;background:#ffd080;border-color:#ffd080;box-shadow:0 0 16px #ffbd6599}.courier{z-index:2;text-align:center;pointer-events:none;width:270px;height:350px;position:absolute;top:152px;left:0}.courier>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 10px #06131a99);transform-origin:50% 95%;width:100%;height:100%;animation:5s ease-in-out infinite noriBreathe}.nameplate{letter-spacing:5px;text-shadow:0 2px 5px #000;width:170px;font-size:20px;font-weight:900;position:absolute;bottom:-18px;left:53px}.nameplate>small{letter-spacing:2px;color:#bfd5de;margin-top:4px;font-size:9px;display:block}.route-button{text-align:left;z-index:3;color:#fff5df;background:linear-gradient(145deg,#d6833e,#b95224);border:1px solid #ffd2a2;border-radius:3px;width:226px;min-height:73px;padding:13px 38px 12px 16px;position:absolute;top:557px;left:30px;overflow:hidden;box-shadow:0 5px #753813,0 8px 20px #0005}.route-button:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffe5b355 48%,#0000 65%);animation:7s infinite postalGlint;position:absolute;inset:0;transform:translate(-120%)}.route-button>small{letter-spacing:2.5px;color:#ffe0b9;font-size:10px;display:block}.route-button>b{margin-top:6px;font-size:16px;display:block}.route-button>span{font-size:22px;position:absolute;top:26px;right:13px}.sorting-depot{z-index:2;background:linear-gradient(#153e56,#0b243e);border:7px solid #497488;border-radius:12px;width:930px;height:419px;position:absolute;top:136px;left:286px;box-shadow:0 0 0 2px #aec7c7,inset 0 0 0 2px #102634,0 9px #122e43,0 17px 35px #001321b0}.frame-label{color:#dde9e7;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:-20px;left:20px;right:20px}.frame-label>b{letter-spacing:2.5px;background:#142e44;border:1px solid #729ca9;border-radius:3px;padding:6px 30px;font-size:10px}.frame-label>span{letter-spacing:2px;background:#2c4c60;padding:3px 8px;font-size:9px}.board{background:linear-gradient(#071b30d9,#10364bd9);border:1px solid #6795a366;border-radius:4px;position:absolute;inset:9px 11px 16px;overflow:hidden}#cells{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0}.cell{isolation:isolate;border-right:1px solid #76949e23;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.cell:nth-child(5n){border-right:0}.cell:nth-child(n+6):nth-child(-n+10){background:#28536b21}.piece{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.cell>.piece{filter:drop-shadow(0 6px 5px #0005);z-index:2;width:85%;height:92%;position:relative}.parcel-cell:before{content:"";z-index:0;background:radial-gradient(#72e5dc2e,#0000 70%);position:absolute;inset:7%}.seal{z-index:3;text-align:center;color:#ffe39c;text-shadow:1px 2px 3px #08333c;width:23px;font-size:23px;font-weight:900;position:absolute;top:48%;left:calc(50% - 11px)}.conveyor{background:repeating-linear-gradient(95deg,#1c4255 0 11px,#abc0bf 12px 15px,#1c4255 17px 22px);border-radius:8px;height:10px;position:absolute;bottom:2px;left:16px;right:16px}.playing .conveyor{animation:.4s linear infinite convey}.sending .cell{animation:.26s ease-in both sendOut;animation-delay:calc(var(--delay)*.4)}.arriving .cell{animation:.28s cubic-bezier(.2,.8,.35,1.25) both arriveIn;animation-delay:var(--delay)}.opening .piece{animation:.15s ease-in-out infinite alternate parcelShake}.opening:after{content:"";mix-blend-mode:screen;background:radial-gradient(#e5ffff99,#0000 65%);border-radius:40%;animation:.44s both openLight;position:absolute;inset:5%}.unwrapped .piece{animation:.4s cubic-bezier(.2,.8,.3,1.4) unwrapped}.unwrapped:before{content:"";background:radial-gradient(#61ddcb40,#0000 70%);animation:1.1s both fadeHalo;position:absolute;inset:3%}.matched .piece{filter:drop-shadow(0 0 6px #ffc962);animation:.7s ease-in-out 2 winPiece}.matched:after{content:"";z-index:-1;border-radius:50%;position:absolute;inset:10%;box-shadow:0 0 25px #ffe39b22}#routes,#prizes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#routes{z-index:3}#routes path{fill:none;stroke:#ffe4a5;stroke-width:1.5px;opacity:.57;stroke-dasharray:6 10;filter:drop-shadow(0 0 3px #ffe59b);animation:1s linear infinite routeLight}#routes .award-1{stroke:#b2ffff}#routes .award-2{stroke:#f8b1f8}#prizes{z-index:4}#prizes strong{color:#fff2b9;text-shadow:0 3px #51401b,0 0 4px #091c26,2px 2px 9px #000;animation:.34s both prizePop;animation-delay:var(--prize-delay);font-size:42px;font-weight:950;line-height:1;position:absolute;left:50%;transform:translate(-50%)}#prizes small{text-align:center;letter-spacing:3px;margin-top:6px;font-size:13px;display:block}#delivery{color:#b5dadf;z-index:2;align-items:center;gap:9px;width:460px;height:48px;display:flex;position:absolute;top:570px;left:284px}#delivery>span{text-align:center;width:44px;height:42px;font-size:30px;font-weight:800}#delivery>b{max-width:305px;font-size:14px;font-weight:600}.delivery-arrow{color:#ffa45b;font-weight:400!important}#delivery-target .piece{animation:.4s both unwrapped}.unpacking #delivery>b{color:#fff0c7}.unpacking .courier{animation:.5s ease-in-out hostNod}#receipts{z-index:2;justify-content:flex-end;align-items:center;gap:12px;min-height:48px;display:flex;position:absolute;top:568px;left:725px;right:54px}#receipts>span{grid-template-columns:40px auto;align-items:center;column-gap:6px;font-size:20px;display:grid}#receipts .piece{grid-row:1/3;width:40px;height:44px}#receipts b{color:#ffe3ac}#receipts small{letter-spacing:.3px;color:#c3d4d8;font-size:9px}footer{z-index:3;background:#071a2edb;border-top:1px solid #7aacb77d;border-radius:8px;align-items:center;gap:24px;min-height:71px;padding:6px 18px;display:flex;position:absolute;bottom:13px;left:30px;right:30px;box-shadow:0 -8px 22px #03213a25}footer small{color:#b6d3dd;letter-spacing:1.7px;font-size:10px;display:block}.wallet{width:215px}.wallet>b{margin-top:6px;font-size:24px;display:block}.win-meter{text-align:center;width:256px}.win-meter>strong{letter-spacing:-.5px;color:#ffdb8b;font-variant-numeric:tabular-nums;font-size:38px;line-height:1.2;display:block}.bet{text-align:center;width:176px;margin-left:auto}.bet>div{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.bet b{min-width:58px;font-size:21px}.bet button{background:0 0;border-radius:50%;width:39px;height:39px;font-size:24px}#spin{color:#1d2834;letter-spacing:1px;background:linear-gradient(#ffc771,#ed9b42);border:1px solid #ffecb8;justify-content:center;align-items:center;gap:12px;width:180px;height:57px;font-weight:900;display:flex;box-shadow:0 4px #945720}#spin>b{font:46px/1 Arial}#spin>span{font-size:13px}.utilities{gap:5px;display:grid}.utilities button{letter-spacing:1px;min-width:108px;height:28px;font-size:10px}#speed[aria-pressed=true]{color:#061b2b;background:#aadfdd}#intro{z-index:8;background:linear-gradient(100deg,#071f36ef 0%,#0e2c45df 44%,#10233944 100%),url(/demos/frostline-courier/assets/depot-Xr-UBGyj.webp) 50%/cover;position:absolute;inset:0;overflow:hidden}.intro-mail{color:#173a52;background:linear-gradient(125deg,#dceef0,#b3ced9);border:9px solid #0000;border-image:repeating-linear-gradient(135deg,#f0d2a5 0 15px,#a9c8d5 15px 30px,#526b89 30px 45px,#a9c8d5 45px 60px) 12;width:625px;height:587px;padding:37px 45px;position:absolute;top:44px;left:60px;box-shadow:0 12px 60px #0005}.intro-mail>small{letter-spacing:3px;font-size:10px}.intro-mail h2{width:430px;margin-top:35px}.intro-mail .wordmark{color:#174258;text-shadow:0 2px #f5ffff,0 5px #617f92;font-size:68px}.intro-mail .wordmark em{color:#b35525;text-shadow:0 2px #f5e6c8,0 4px #7d614c}.postmark{letter-spacing:1.5px;text-align:center;color:#a55b35;opacity:.7;border:2px solid #b9663e;border-radius:50%;width:90px;height:90px;padding:15px 8px;font-size:9px;line-height:1.2;position:absolute;top:17px;right:18px;transform:rotate(12deg)}.tagline{margin-top:28px;font-size:23px;font-weight:750}.intro-mechanic{align-items:center;gap:12px;height:95px;margin-top:6px;display:flex}.intro-mechanic>span{width:80px;height:80px}.intro-mechanic>b{color:#ba622e;padding:0 8px;font-size:37px;font-weight:400}.intro-mechanic>span:first-child{animation:5s ease-in-out infinite introParcel}.intro-mechanic>span:nth-child(2){animation:5s ease-in-out .2s infinite introParcel}.intro-copy{max-width:490px;font-size:16px;line-height:1.5}.intro-facts{gap:36px;margin:18px 0;display:flex}.intro-facts>span{align-items:center;gap:10px;max-width:170px;font-size:12px;display:flex}.intro-facts b{letter-spacing:-1px;font-size:29px}.primary{color:#213244;letter-spacing:1px;background:linear-gradient(#ffc979,#f1a14b);border:1px solid #ffda9b;border-radius:5px;min-width:190px;min-height:50px;padding:12px 22px;font-weight:900;box-shadow:0 4px #865e32}.intro-mail #enter{min-width:340px;font-size:14px}.demo-note{margin-top:15px;display:block;letter-spacing:.5px!important;font-size:9px!important}.intro-nori{object-fit:contain;filter:drop-shadow(0 20px 20px #0006);transform-origin:50% 96%;width:515px;height:570px;animation:5s ease-in-out infinite noriBreathe;position:absolute;bottom:69px;right:32px}.intro-address{color:#c6d9df;letter-spacing:3px;justify-content:space-between;font-size:13px;display:flex;position:absolute;bottom:28px;left:60px;right:60px}.intro-address span{color:#edb76c}#intro.depart .intro-mail{animation:.65s ease-in both mailDepart}#intro.depart .intro-nori{animation:.65s ease-in both noriDepart}#intro.depart{animation:.65s ease-in forwards introFade}dialog{color:#f0f8f7;text-align:center;background:linear-gradient(125deg,#16394e,#081d32);border:2px solid #6d939f;border-radius:8px;width:min(930px,94vw);max-height:90dvh;padding:30px 35px;font-family:Manrope,Arial,sans-serif;overflow:auto;box-shadow:0 30px 100px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020b19b8}dialog .close{z-index:3;background:#1c3b4f;border-radius:50%;width:40px;height:40px;font-size:27px;position:absolute;top:12px;right:12px}dialog h2{margin:8px 24px 20px;font-size:33px;font-weight:850}dialog p{color:#c8dce2;max-width:790px;margin:15px auto;font-size:16px;line-height:1.55}.menu-heading{text-align:left;padding:0 6px}.menu-heading h2{margin:7px 0 4px}.menu-heading p{margin:10px 0 22px}.departures{gap:13px;display:grid}.departure{text-align:left;background:linear-gradient(90deg,#163f56,#20516999);border:1px solid #6ab2c1;border-radius:5px;align-items:center;gap:20px;min-height:126px;padding:20px;display:flex;position:relative;overflow:hidden}.departure:before{content:"";background:linear-gradient(100deg,#0000 15%,#b6f8ff15 40%,#0000 60%);animation:8s infinite postalGlint;position:absolute;inset:0;transform:translate(-110%)}.departure.aurora{background:linear-gradient(90deg,#293d66,#493c7480);border-color:#a5a5dc}.route-number{color:#92ccd1;border-right:1px dashed #8dcfd06b;min-width:65px;padding-right:13px;font-size:43px;font-weight:900;line-height:1}.route-number>small{text-align:center;margin-top:9px;font-size:19px;display:block}.aurora .route-number{color:#bbb7f7}.route-info{flex:1;gap:8px;display:grid}.route-info>small{color:#b4d8df;font-size:10px}.route-info>b{font-size:25px;font-weight:800}.route-info>span{color:#d7e3e8;font-size:12px}.route-cost{text-align:right}.route-cost>strong{color:#ffd793;font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;display:block}.route-cost>small{color:#c0d7de;font-size:10px}.depart-arrow{color:#ffe5b3;margin-left:4px;font-size:28px}.modal-bet{justify-content:center;align-items:center;gap:20px;margin:23px 0 5px;display:flex}.modal-bet>button{width:46px;height:46px;font-size:25px}.modal-bet span{min-width:130px}.modal-bet small{color:#a6c9d5;font-size:10px;display:block}.modal-bet b{margin-top:5px;font-size:24px;display:block}.fine{color:#aac1cf!important;margin-bottom:0!important;font-size:11px!important}.parcel-seal{width:105px;height:105px;margin:0 auto 12px}.big-number{color:#ffd788;font-size:100px;font-weight:900;line-height:1.1}.result-amount{color:#ffd788;margin:20px 0;font-size:60px;font-weight:900;line-height:1.2}.post-stamp{letter-spacing:4px;color:#79d6c2;border:4px double #79d6c2;margin:5px auto 28px;padding:10px 16px;font-size:28px;font-weight:900;animation:.3s ease-out both stampDown;display:table;transform:rotate(-7deg)}.confirm{justify-content:center;gap:18px;margin-top:25px;display:flex}.confirm>button:not(.primary){min-width:100px;min-height:50px}.setting-options{gap:14px;max-width:430px;margin:25px auto 5px;display:grid}.setting-options>button{min-height:54px;font-size:17px}table{border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums;width:100%;margin:20px 0}td,th{border-bottom:1px solid #65849255;padding:9px 12px}th{color:#92cdd5;font-size:12px}td{font-size:16px}td:first-child{text-align:left}td>.piece{vertical-align:middle;width:42px;height:42px;margin-right:7px}details{text-align:left;padding:18px 0;font-size:14px}summary{cursor:pointer;color:#aed0db}dialog>p{text-align:left}dialog .parcel-seal~p,dialog .post-stamp~p,dialog .big-number~p,dialog .result-amount~p{text-align:center}.portrait header{width:438px;top:29px;left:22px}.portrait header .wordmark{font-size:66px}.portrait header>small{font-size:15px}.portrait .dispatch-board{width:427px;min-height:116px;padding:9px 15px;top:198px;left:25px}.portrait .dispatch-board>strong{font-size:26px}.portrait .dispatch-board>small{font-size:13px}.portrait #route-progress{font-size:15px}.portrait .courier{width:274px;height:284px;top:30px;left:467px}.portrait .nameplate{font-size:19px;bottom:-7px}.portrait .nameplate small{font-size:10px}.portrait .sorting-depot{width:710px;height:454px;top:348px;left:25px}.portrait .frame-label>b{letter-spacing:1.8px;padding:8px 22px;font-size:11px}.portrait .cell>.piece{width:94%;height:90%}.portrait .frame-label>span{display:none}.portrait #delivery{justify-content:center;width:710px;height:56px;top:823px;left:25px}.portrait #delivery>b{max-width:510px;font-size:20px}.portrait #delivery>span{width:50px;height:50px}.portrait #receipts{justify-content:center;gap:22px;height:58px;top:891px;left:25px;right:25px}.portrait #receipts>span{grid-template-columns:48px auto;font-size:25px}.portrait #receipts .piece{width:48px;height:53px}.portrait #receipts small{font-size:12px}.portrait .route-button{text-align:center;width:710px;height:72px;padding:13px;top:969px;left:25px}.portrait .route-button>small{font-size:12px}.portrait .route-button>b{margin-top:3px;font-size:23px;display:inline-block}.portrait .route-button>span{top:23px;right:25px}.portrait footer{grid-template-rows:86px 95px;grid-template-columns:1fr 1fr 1fr;gap:9px 20px;height:219px;padding:10px 20px;display:grid;bottom:22px;left:25px;right:25px}.portrait .wallet{width:auto}.portrait .wallet>b{font-size:31px}.portrait .win-meter{text-align:right;grid-column:2/4;width:auto}.portrait .bet{grid-column:1/2;width:auto;margin:0}.portrait .bet b{min-width:70px;font-size:24px}.portrait .bet button{width:50px;height:54px;font-size:30px}.portrait #spin{grid-area:2/2/auto/3;gap:7px;width:185px;height:83px}.portrait #spin>b{font-size:53px}.portrait #spin>span{font-size:16px}.portrait .utilities{grid-area:2/3/auto/4;gap:8px}.portrait .utilities button{min-width:155px;height:37px;font-size:14px}.portrait .intro-mail{width:690px;height:835px;padding:43px 40px;top:50px;left:35px}.portrait .intro-mail h2{width:560px;margin-top:60px}.portrait .intro-mail .wordmark{font-size:89px}.portrait .intro-mail>small{font-size:15px}.portrait .tagline{margin-top:40px;font-size:31px}.portrait .intro-mechanic{gap:16px;height:145px}.portrait .intro-mechanic>span{width:106px;height:106px}.portrait .intro-copy{max-width:590px;font-size:25px;line-height:1.45}.portrait .intro-facts{gap:40px;margin:32px 0}.portrait .intro-facts>span{max-width:240px;font-size:18px}.portrait .intro-facts b{font-size:45px}.portrait .intro-mail #enter{min-width:510px;height:82px;font-size:22px}.portrait .demo-note{margin-top:22px;font-size:14px!important}.portrait .intro-nori{width:330px;height:350px;bottom:59px;right:40px}.portrait .intro-address{letter-spacing:2px;font-size:17px;line-height:1.7;display:block;bottom:115px;left:40px;right:400px}.portrait .intro-address>span{display:block}.portrait .postmark{width:108px;height:108px;padding:20px 8px;font-size:12px}@keyframes snowfall{to{background-position:163px 453px,-247px 438px}}@keyframes noriBreathe{50%{transform:rotate(-.7deg)scale(1.012)}}@keyframes postalGlint{0%,50%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes convey{to{background-position:44px 0}}@keyframes sendOut{to{opacity:0;filter:blur(3px);transform:translateY(135px)}}@keyframes arriveIn{0%{opacity:.2;filter:blur(2px);transform:translateY(-140px)}to{opacity:1;filter:none;transform:translateY(0)}}@keyframes parcelShake{0%{transform:rotate(-4deg)scale(.94)}to{transform:rotate(4deg)scale(1.06)}}@keyframes openLight{to{opacity:0;transform:scale(1.7)}}@keyframes unwrapped{0%{opacity:.1;transform:scale(.35)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes fadeHalo{to{opacity:0;transform:scale(1.3)}}@keyframes winPiece{50%{transform:scale(1.07)rotate(-2deg)}}@keyframes routeLight{to{stroke-dashoffset:-32px}}@keyframes prizePop{0%{opacity:0;transform:translate(-50%)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes hostNod{50%{transform:translateY(-7px)rotate(-2deg)}}@keyframes introParcel{10%{transform:rotate(-5deg)translateY(-3px)}20%{transform:rotate(5deg)}30%,to{transform:none}}@keyframes mailDepart{to{transform:translate(-850px)rotate(-10deg)}}@keyframes noriDepart{to{opacity:0;transform:translate(500px)}}@keyframes introFade{70%{opacity:1}to{opacity:0}}@keyframes stampDown{0%{opacity:0;transform:rotate(-7deg)scale(1.5)}to{opacity:1;transform:rotate(-7deg)scale(1)}}.portrait .sorting-depot{height:415px;top:327px}.portrait #delivery{top:756px}.portrait #receipts{top:818px}.portrait .route-button{height:80px;top:884px}.portrait footer{grid-template-rows:70px 100px 86px;grid-template-columns:280px 1fr;gap:10px 20px;height:306px;padding:15px 20px;display:grid}.portrait .wallet{grid-area:1/1}.portrait .win-meter{grid-area:1/2}.portrait .bet{grid-area:2/1;width:280px}.portrait .bet>div{gap:9px;margin-top:3px}.portrait .bet button{border-radius:12px;flex-shrink:0;width:86px;height:76px}.portrait .bet b{font-size:27px}.portrait #spin{grid-area:2/2;width:100%;height:93px;font-size:20px}.portrait .utilities{grid-area:3/1/auto/3;gap:18px;display:flex}.portrait .utilities button{flex:1;height:86px;font-size:22px}.portrait footer small{font-size:17px}.portrait .win-meter>strong{font-size:43px}.departure{border-left:6px solid #b2d9d7;border-right:1px solid #759caa;box-shadow:inset 0 0 0 4px #071d301f}.departure.aurora{border-left-color:#c3b3ef}.route-info,.route-cost,.route-number,.depart-arrow{z-index:1;position:relative}.route-map{opacity:.17;pointer-events:none;width:57%;height:100%;position:absolute;top:0;right:6px}.route-map path{fill:none;stroke:#b9f4f1;stroke-width:1.5px}.route-map .journey{stroke:#ffe0a3;stroke-width:2px;stroke-dasharray:4 8;animation:4s linear infinite routeLight}@media (width<=620px){dialog{width:95vw;padding:24px 18px}dialog h2{margin-top:12px;font-size:26px}dialog p{font-size:14px}.menu-heading{padding:0}.menu-heading h2{margin-left:0}.menu-heading p{padding-right:20px}.departure{flex-wrap:wrap;gap:11px;min-height:145px;padding:16px 12px}.route-number{min-width:48px;padding-right:10px;font-size:28px}.route-number small{font-size:16px}.route-info>b{font-size:20px}.route-info>span{font-size:11px}.route-info>small{font-size:9px}.route-cost{margin-left:auto;padding-left:56px}.route-cost>strong{font-size:27px}.depart-arrow{margin-right:5px;font-size:24px}.modal-bet{margin-top:18px}.fine{font-size:11px!important}.result-amount{font-size:48px}td,th{padding:8px 4px}td{font-size:13px}td>.piece{width:30px;height:34px;margin-right:3px}.post-stamp{letter-spacing:2px;font-size:22px}}.fast .sending .cell{animation-duration:.13s;animation-delay:calc(var(--delay)*.2)}.fast .arriving .cell{animation-duration:.14s;animation-delay:calc(var(--delay)*.5)}.fast .opening:after{animation-duration:.22s}.fast .unwrapped .piece{animation-duration:.2s}.portrait .frame-label{justify-content:center}.portrait .bet{position:relative}.portrait .bet>small{position:absolute;top:-18px;left:0;right:0}.portrait .bet button{height:86px}@media (width<=620px){.departure{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) 24px;gap:10px;min-height:160px;padding:17px 12px;display:grid}.route-number{grid-area:1/1/3;min-width:0;padding-right:7px}.route-info{grid-area:1/2/auto/4}.route-cost{text-align:left;grid-area:2/2;margin:0;padding:0}.depart-arrow{grid-area:2/3;margin:0}.route-info>b{font-size:20px}.route-info>span{font-size:12px}.route-cost>strong{font-size:29px}.departure>svg{grid-area:1/1/-1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.depart{opacity:0!important}}.demo-navigation{z-index:100;background:#0c1120;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:44px;padding:0 16px;font:600 14px/1 system-ui,sans-serif;display:flex;position:fixed;inset:0 0 auto}.demo-navigation a{color:#f4e5b8;letter-spacing:.04em;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.demo-navigation a:hover{color:#fff}.demo-navigation a:focus-visible{outline-offset:-4px;outline:2px solid #f4e5b8}.has-demo-navigation .cabinet{top:calc(50% + 22px)}.has-demo-navigation.fluid-demo #app{height:calc(100dvh - 44px);margin-top:44px}.has-demo-navigation.fluid-demo .cabinet{width:min(100vw,177.778dvh - 78.2222px);height:min(100dvh - 44px,56.25vw);top:auto}@media (width<=620px) and (orientation:portrait){.has-demo-navigation.fluid-demo .cabinet{width:100vw;height:calc(100dvh - 44px)}}