/* Lightweight, decorative artwork; all controls remain above this layer. */
.session-notice{margin:0 0 24px;padding:14px 18px;border:1px solid #a28b5144;border-radius:12px;background:#332b1a66;color:#d5c299;font-size:13px;line-height:1.55}
body{background:#100f12}
#app{position:relative;z-index:1}
.site-ambience{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 85% 15%,#91602b20,transparent 47%),radial-gradient(ellipse at 8% 83%,#97633312,transparent 40%)}
.ambient-coin{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border:1px solid #bf8b3f;border-radius:50%;background:linear-gradient(140deg,#f2cb7f28,#7150240a 55%,#d89e3b22);box-shadow:inset 0 0 0 4px #8c632b19,0 0 32px #e7ac3212;opacity:.23;transform:rotate(var(--tilt));animation:ambient-drift var(--speed,24s) ease-in-out infinite alternate;animation-delay:var(--delay)}
.ambient-coin:before{content:'';position:absolute;inset:18%;border:1px solid #c99c565e;border-radius:50%}
.ambient-coin:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--size)*.36);color:#d9ad59}
.ambient-star{position:absolute;width:3px;height:3px;left:var(--x);top:var(--y);border-radius:50%;background:#e6bc70;box-shadow:0 0 9px #ebae5b;opacity:.3;animation:ambient-glimmer 7s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes ambient-drift{to{transform:translate3d(10px,-24px,0) rotate(calc(var(--tilt) + 16deg))}}
@keyframes ambient-glimmer{to{opacity:.08;transform:translateY(-8px)}}
.brand-cluster{display:flex;align-items:center;flex:0 0 auto;gap:2px}
.brand-mascot{display:block;width:92px;height:78px;pointer-events:none;flex:0 0 auto}
.brand-mascot>svg{display:block;width:100%;height:100%;overflow:visible}
.mascot-toss-arm{transform-origin:0 0;animation:mascot-hand 3.8s ease-in-out infinite}
.mascot-toss-coin{animation:mascot-toss 3.8s infinite;filter:drop-shadow(0 0 3px #ffc54e)}
.mascot-coin-face{transform-box:fill-box;transform-origin:center;animation:mascot-coin-spin 3.8s linear infinite}
.mascot-spark{animation:mascot-sparkle 3.8s ease-in-out infinite;opacity:0}
.mascot-skull{transform-origin:41px 49px;animation:mascot-watch 3.8s ease-in-out infinite}
@keyframes mascot-toss{0%,12%,85%,100%{transform:translateY(0)}12%{animation-timing-function:cubic-bezier(.16,.65,.42,1)}48%{transform:translateY(-39px);animation-timing-function:cubic-bezier(.58,0,.85,.35)}85%{transform:translateY(0)}}
@keyframes mascot-coin-spin{0%,12%,85%,100%{transform:scaleX(1)}25%,50%,75%{transform:scaleX(.15)}37%,63%{transform:scaleX(1)}}
@keyframes mascot-hand{0%,90%,100%{transform:rotate(0)}12%{transform:rotate(-14deg)}40%,70%{transform:rotate(-5deg)}85%{transform:rotate(5deg)}}
@keyframes mascot-watch{0%,90%,100%{transform:rotate(0)}30%,60%{transform:rotate(-7deg)}}
@keyframes mascot-sparkle{0%,32%,64%,100%{opacity:0}48%{opacity:.8}}
.minimal-header{border-bottom-color:#b7986324}
.minimal-shell .mobile-nav .nav-item{width:20%}
.info-page{max-width:850px;display:grid;gap:12px}
.info-rule{padding:22px 25px;display:grid;grid-template-columns:125px 1fr;gap:20px;background:#18181de8;border:1px solid #36312b;border-radius:16px}
.info-rule h2{font-size:25px;color:#ead4ad;line-height:1.25}
.info-rule p{font-size:14px;line-height:1.7;color:#bcbac1;margin:0}
.info-rule strong{color:#f4f1e9}
.info-note{font-size:12px;line-height:1.7;color:#8e8c96;padding:10px 4px}
@media(min-width:701px) and (max-width:1080px){.brand-cluster .luf-brand{width:132px;flex-basis:132px}.brand-cluster .luf-wordmark-top{font-size:34px;height:34px;line-height:34px}.brand-cluster .luf-wordmark-bottom{width:66px;font-size:7px;line-height:9px}.brand-mascot{width:66px;height:62px}.minimal-header{gap:10px}.desktop-game-nav{gap:0}.desktop-game-nav .nav-item{padding:10px 7px;font-size:11px;gap:5px}.minimal-header-end{gap:8px}.minimal-header-end .demo-badge{display:none}}
@media(max-width:700px){.brand-mascot{width:66px;height:60px}.minimal-header{gap:8px}.minimal-header-end{gap:5px}.minimal-header-end .demo-badge{display:none}.site-ambience{background:radial-gradient(ellipse at 90% 12%,#9d6a3024,transparent 55%)}.ambient-coin{opacity:.14;max-width:42px;max-height:42px}.ambient-coin:nth-child(n+5){display:none}.info-rule{grid-template-columns:1fr;gap:8px;padding:20px}.info-rule p{font-size:13px}.info-rule h2{font-size:24px}}
@media(max-width:350px){.brand-cluster .luf-brand{width:116px;flex-basis:116px}.brand-cluster .luf-wordmark-top{font-size:31px}.brand-mascot{width:56px}.minimal-header-end .round-button{width:40px;height:40px}.minimal-shell .mobile-nav{padding-left:5px;padding-right:5px}}
@media(prefers-reduced-motion:reduce){.ambient-coin,.ambient-star,.mascot-toss-arm,.mascot-toss-coin,.mascot-coin-face,.mascot-skull,.mascot-spark{animation:none}.mascot-spark{opacity:0}}

.minimal-shell .panel,.mode-card{background:#141e27ed;border-color:#6c8f9d2e}
.minimal-header{border-bottom-color:#7c9aa52c}.mobile-nav{background:#111e29f5}.mode-card:hover{background:#1a2a35;border-color:#7e9ba256}
.site-stats{margin:0 0 28px}.stats-caption{font-size:10px;color:#8b9ca8;letter-spacing:.08em;margin:0 0 10px}.stats-grid{display:grid;grid-template-columns:.8fr .8fr 1.1fr 1.25fr 1.25fr;border:1px solid #688d9d33;border-radius:15px;overflow:hidden;background:#152631bc}.stats-grid>div{min-width:0;padding:19px 18px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-right:1px solid #688d9d24}.stats-grid>div:last-child{border:0}.stats-value{font-size:27px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#eef1f1}.stats-value small{font-size:10px;color:#a3b4be}.stats-label{font-size:11px;line-height:1.4;color:#a4b2bd}.stats-online{color:#70d9a2}.stats-person-line{display:flex;align-items:center;gap:9px;min-width:0}.stats-person-line>.avatar{width:35px;height:35px;border-radius:0;border:0}.stats-person-line>div{min-width:0;display:grid;gap:4px}.stats-person-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.stats-person-line small{color:#e3bf7a;font-size:11px}.stats-empty{color:#687d89;font-size:23px}
@media(max-width:900px){.stats-grid{grid-template-columns:1fr 1fr 1fr}.stats-grid>.stats-person{grid-column:span 1}.stats-grid>.stats-person:last-child{grid-column:span 2}.stats-grid>div{padding:15px;border-bottom:1px solid #688d9d24}.stats-grid>.stats-person{border-bottom:0}.stats-value{font-size:23px}}
@media(max-width:700px){.stats-grid>div{padding:13px 10px}.stats-value{font-size:21px}.stats-value small{display:block;margin-top:2px}.stats-label{font-size:10px}.stats-person-line strong{font-size:13px}.stats-person-line>.avatar{width:29px;height:29px}.site-stats{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.ship-rock,.ocean-waves path,.ocean-ripple,.ocean-drop{animation:none}}
.language-picker{appearance:none;cursor:pointer;font:700 11px 'Roboto Condensed',sans-serif;color:#b9c7cf;background:#152530;border:1px solid #69859433;border-radius:7px;height:32px;min-width:37px;text-align:center;padding:0 5px}.language-picker:focus-visible{outline:2px solid #e7c585;outline-offset:2px}
@media(max-width:700px){.minimal-header-end .round-button{width:36px;height:36px}.language-picker{height:32px;min-width:34px}.brand-cluster .luf-brand{width:118px;flex-basis:118px}.brand-cluster .luf-wordmark-top{font-size:31px}.brand-mascot{width:56px}.minimal-header-end{gap:4px}}
@media(max-width:350px){.brand-cluster .luf-brand{width:100px;flex-basis:100px}.brand-cluster .luf-wordmark-top{font-size:28px}.brand-mascot{width:46px}.minimal-header{gap:4px}}
@media(min-width:701px) and (max-width:850px){.brand-cluster .luf-brand{width:112px;flex-basis:112px}.brand-cluster .luf-wordmark-top{font-size:31px}.brand-mascot{width:52px}.desktop-game-nav .nav-item{padding:10px 5px;font-size:10px;gap:4px}.desktop-game-nav .nav-item svg{width:16px}.minimal-header-end .round-button{width:34px;height:34px}.minimal-shell{padding-left:24px;padding-right:24px}}


/* A quiet, simplified ocean. The only raster decoration is the ghost ship. */
.site-ambience{background:#0b1822}
.ocean-surface{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 47%,#395b6b19,transparent 49%),linear-gradient(180deg,#0a1721 0%,#0c1d29 43%,#112b37 49%,#102630 69%,#0a1b26 100%)}
.ocean-haze{position:absolute;left:-10%;right:-10%;top:44%;height:8%;background:radial-gradient(ellipse,#7a9ca015,transparent 68%);filter:blur(12px)}
.ocean-flat-lines{position:absolute;left:-10%;bottom:0;width:120%;height:49%;color:#7babb7;opacity:.10;stroke-width:1.2;animation:flat-sea-drift 18s ease-in-out infinite alternate}
.site-ambience:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06111c40,transparent 70%);pointer-events:none}
.ambient-coin{opacity:.10}.ambient-star{opacity:.12}
.ocean-ship{position:absolute;left:0;bottom:19vh;--ghost-width:clamp(300px,34vw,470px);width:var(--ghost-width);opacity:.28;filter:blur(.5px) saturate(.55);pointer-events:none;animation:ghost-sailing 145s linear infinite;animation-delay:-56s}
.ocean-ship>img{display:block;width:100%;height:auto;animation:ghost-bob 10s ease-in-out infinite alternate}
.ocean-ship:after{content:'';position:absolute;bottom:1.5%;left:68%;width:65%;height:7px;border-radius:50%;background:radial-gradient(ellipse,#b0d6dc38,transparent 72%);filter:blur(2px)}
.ocean-ripple{position:absolute;width:100px;height:7px;border:1px solid #7597a5;border-radius:50%;opacity:0;animation:gentle-ripple 11s ease-out infinite}.ripple-one{left:76%;top:86%}.ripple-two{left:13%;top:69%;animation-delay:-5s}
.ocean-drop{position:absolute;width:2px;height:3px;border-radius:50%;background:#a0c3cf;opacity:0;animation:quiet-drop 13s ease-out infinite}.drop-one{left:78%;top:84%;animation-delay:-1s}.drop-two{left:16%;top:67%;animation-delay:-6s}.drop-three{left:93%;top:74%;animation-delay:-8s}
@keyframes flat-sea-drift{to{transform:translateX(18px) translateY(2px);opacity:.07}}
@keyframes ghost-sailing{from{transform:translateX(calc(100vw + 20px))}to{transform:translateX(calc(-1 * var(--ghost-width) - 20px))}}
@keyframes ghost-bob{from{transform:translateY(1px) rotate(-.2deg)}to{transform:translateY(-2px) rotate(.2deg)}}
@keyframes gentle-ripple{0%,65%{transform:scale(.3);opacity:0}70%{opacity:.1}100%{transform:scale(1.4);opacity:0}}
@keyframes quiet-drop{0%,68%,100%{transform:translateY(0);opacity:0}73%{transform:translateY(-5px);opacity:.15}81%{transform:translateY(4px);opacity:0}}
@media(max-width:700px){.ocean-ship{--ghost-width:270px;bottom:23vh;opacity:.23;animation-duration:120s;animation-delay:-43s}.ocean-flat-lines{opacity:.08}.ocean-surface{background:linear-gradient(180deg,#0a1721,#102630 51%,#0a1b26)}.ambient-coin{opacity:.07}}
@media(prefers-reduced-motion:reduce){.ocean-ship{animation:none;transform:translateX(54vw)}.ocean-ship>img,.ocean-flat-lines,.ocean-ripple,.ocean-drop{animation:none}}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-grid>div{grid-column:span 2}.stats-grid>.stats-person,.stats-grid>.stats-person:last-child{grid-column:span 3}}
.mode-reel-art > span { overflow: hidden; }
.mode-reel-art > span > .mode-preview-avatar { width:100%;height:100%;border:0;border-radius:0;display:grid;place-items:center;font-size:clamp(22px,3vw,40px); }
.mode-preview-avatar img { width:100%;height:100%;object-fit:cover; }
.fighter-face .avatar img.sample-avatar-photo { width:320%;height:320%;max-width:none;left:-168%;top:-32%;right:auto;bottom:auto;object-fit:cover; }

/* The fleet travels on separate horizontal waterlines, behind the interface. */
.ocean-ship.fleet-near{bottom:9vh;--ghost-width:clamp(260px,29vw,430px);opacity:.22;animation-duration:144.762s;animation-delay:-82.857s}
.ocean-ship.fleet-middle{bottom:29vh;--ghost-width:clamp(210px,24vw,340px);opacity:.20;animation-duration:169.524s;animation-delay:-42.857s}
.ocean-ship.fleet-middle{animation-direction:reverse}.fleet-middle>img{scale:-1 1}.fleet-middle:after{left:-34%}
.ocean-ship.fleet-far{bottom:43vh;--ghost-width:clamp(160px,18vw,260px);opacity:.17;animation-duration:185.714s;animation-delay:-110.476s}
.ship-waterline{overflow:hidden;width:100%;aspect-ratio:1;mask-image:linear-gradient(#000 0 86%,transparent 99%)}
.ship-waterline>img{display:block;width:100%;transform-origin:58% 83%;animation:ghost-sinking 185.714s linear infinite;animation-delay:-110.476s}
.fleet-far:after{left:15%;width:100%;animation:sinking-wake 185.714s linear infinite;animation-delay:-110.476s}
@keyframes ghost-sinking{0%,35%{transform:translateY(0) rotate(0);opacity:1}47.1875%{transform:translateY(12%) rotate(-7deg);opacity:.95}58.4375%{transform:translateY(43%) rotate(-19deg);opacity:.7}67.8125%,100%{transform:translateY(105%) rotate(-28deg);opacity:0}}
@keyframes sinking-wake{0%,35%{opacity:.3;transform:scaleX(.6)}53.75%{opacity:1;transform:scaleX(1.2)}69.6875%,100%{opacity:0;transform:scaleX(1.7)}}
.sea-eyes{position:absolute;display:flex;gap:13px;width:45px;height:18px;opacity:0;animation:sea-watch 20s ease-in-out infinite}
.sea-eyes-left{left:6%;top:72%;animation-delay:-13s}.sea-eyes-right{right:7%;top:59%;animation-delay:-7s;animation-duration:25s}
.sea-eyes i{display:block;width:14px;height:5px;border-radius:70% 15% 65% 20%;background:#bd3530;box-shadow:0 0 7px 2px #bb251d55;transform:rotate(14deg)}
.sea-eyes i+i{transform:scaleX(-1) rotate(14deg)}
.sea-eyes:after{content:'';position:absolute;left:-20%;right:-20%;top:12px;height:1px;background:linear-gradient(90deg,transparent,#9b474747,transparent)}
@keyframes sea-watch{0%,49%,100%{opacity:0;transform:translateY(4px)}59%,75%{opacity:.6;transform:translateY(0)}87%{opacity:0;transform:translateY(3px)}}
/* Same raised golden rim and bright coin face as the victory particles. */
.site-ambience .ambient-coin{display:block;--size:17px;width:var(--coin-size,18px);height:var(--coin-size,18px);border:1px solid #f0c75f;background:radial-gradient(circle at 30% 24%,#fff0a9,#dfaa37 46%,#9c661a 88%);box-shadow:inset 0 0 0 2px #b87b22,inset 0 0 0 3px #efc96d,0 0 12px #f4bd4633;opacity:0;animation:edge-coin 18s ease-in-out infinite;animation-delay:var(--delay)}
.site-ambience .ambient-coin:before{inset:25%;border-color:#a47124;border-width:1px}.site-ambience .ambient-coin:after{content:'';inset:1px auto auto 3px;width:5px;height:4px;border-radius:50%;background:#fff4c4;filter:blur(.5px);box-shadow:0 0 6px #fff2b2}
.site-ambience .ambient-coin:nth-of-type(1){left:4%;top:34%;--coin-size:17px}.site-ambience .ambient-coin:nth-of-type(2){left:auto;right:4%;top:24%;--coin-size:21px}.site-ambience .ambient-coin:nth-of-type(3){left:auto;right:8%;top:81%;--coin-size:14px}.site-ambience .ambient-coin:nth-of-type(4){left:8%;top:86%;--coin-size:19px}
.site-ambience .ambient-star{display:none}
.site-ambience .ambient-coin[data-edge]{top:var(--coin-top)}
.site-ambience .ambient-coin[data-edge="left"]{left:var(--edge-offset);right:auto}
.site-ambience .ambient-coin[data-edge="right"]{right:var(--edge-offset);left:auto}
.proof-table-wrap{overflow:auto;margin:20px 0 10px}.proof-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.proof-table th{font-weight:500;color:#92a9b5}.proof-table th,.proof-table td{padding:10px 8px;border-bottom:1px solid #67849633}.proof-table td:last-child{white-space:nowrap;font-size:10px}
.round-audit{margin:18px 0;color:#92a9b5;font-size:12px}.round-audit summary{cursor:pointer;padding:8px 0}.round-audit code{display:block;overflow-wrap:anywhere;padding:8px 0;color:#bdd1d8;font-size:10px}
@keyframes edge-coin{0%,16%,75%,100%{opacity:0;transform:translateY(20px) rotate(-18deg) scaleX(.6)}30%{opacity:.3}49%{opacity:.48;transform:translateY(-16px) rotate(17deg) scaleX(1)}60.11%{opacity:.16;transform:translateY(-32px) rotate(32deg) scaleX(.75)}68.26%{opacity:0;transform:translateY(-40px) rotate(38deg) scaleX(.6)}}
.minimal-shell{max-width:1600px;padding-left:clamp(20px,4vw,76px);padding-right:clamp(20px,4vw,76px)}
.wagering-card{margin-top:28px;padding-top:24px;border-top:1px solid #6c8f9d35;text-align:left}
.wagering-heading,.wagering-total,.wagering-remaining{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wagering-heading h2{font-size:20px;margin:0}.wagering-badge{font-size:13px;color:#e9cb8a;background:#ddbc7820;border:1px solid #ddbc783d;border-radius:6px;padding:4px 9px}
.wagering-total{margin-top:18px;font-variant-numeric:tabular-nums}.wagering-total>strong{font-size:23px}.wagering-total>span{font-size:13px;color:#a8bac3}.wagering-card small{font-size:11px;color:#a8bac3}
.wagering-progress{appearance:none;display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:#263944;color:#77d9b0;margin:12px 0}
.wagering-progress::-webkit-progress-bar{background:#263944;border-radius:8px}.wagering-progress::-webkit-progress-value{background:linear-gradient(90deg,#458b79,#84ddae);border-radius:8px}.wagering-progress::-moz-progress-bar{background:#84ddae;border-radius:8px}
.wagering-remaining{font-size:14px;color:#adbdc5}.wagering-remaining strong{color:#e9cc93;font-size:17px}.wagering-remaining strong.positive{color:#84ddae}
.wagering-card p{font-size:12px;line-height:1.65;color:#9bafb9;margin:16px 0 0}.wagering-card .wagering-migration{font-size:11px;color:#7d929c;margin-top:10px}
.avatar img[hidden]{display:none!important}
.account-profile{display:flex;align-items:center;gap:13px;margin:0 0 22px;min-width:0}.account-profile>.avatar{width:48px;height:48px;border:0}.account-profile>div{display:grid;gap:5px;min-width:0}.account-profile strong{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile span:not(.avatar){font-size:11px;color:#9fb2bc}
.minimal-header-start{display:flex;align-items:center;gap:22px;min-width:0}.minimal-header-end{margin-left:auto}.desktop-game-nav{margin-left:auto;margin-right:auto}
.welcome-main{align-items:flex-start;padding-top:clamp(45px,12vh,135px)}
.welcome-card{max-width:900px;padding-top:12px}.welcome-card h1{font-size:clamp(42px,5.8vw,80px)}
@media(min-width:1100px){.welcome-card{margin-left:0;text-align:left}.welcome-facts{justify-content:flex-start}.welcome-card .welcome-cta{margin-right:20px}.welcome-card h1{letter-spacing:-2px}}
@media(max-width:1000px){.minimal-header-start{gap:10px}.minimal-header{gap:8px}.desktop-game-nav .nav-item{padding:10px 7px}}
@media(max-width:700px){.minimal-shell{padding-left:18px;padding-right:18px}.minimal-header-start{gap:8px}.minimal-header-end{gap:5px}.welcome-main{padding-top:50px;min-height:calc(100svh - 90px)}.welcome-card{padding-bottom:50px}.ocean-ship.fleet-near{--ghost-width:240px;bottom:12vh}.ocean-ship.fleet-middle{--ghost-width:185px;bottom:32vh}.ocean-ship.fleet-far{--ghost-width:145px;bottom:47vh}.site-ambience .ambient-coin{width:clamp(16px,var(--coin-size),22px);height:clamp(16px,var(--coin-size),22px)}.sea-eyes{scale:.75}.sea-eyes-left{left:3%}.sea-eyes-right{right:3%}}
@media(max-width:360px){.minimal-shell{padding-left:12px;padding-right:12px}.minimal-header-start{gap:5px}.brand-mascot{width:44px}}
@media(prefers-reduced-motion:reduce){.ocean-ship.fleet-near{animation:none;transform:translateX(6vw)}.ocean-ship.fleet-middle{animation:none;transform:translateX(60vw)}.ocean-ship.fleet-far{animation:none;transform:translateX(35vw)}.ship-waterline>img,.fleet-far:after,.site-ambience .ambient-coin,.sea-eyes{animation:none}.site-ambience .ambient-coin{opacity:.12}.sea-eyes{display:none}}

.account-profile>.avatar,.roulette-history-winner>.avatar{flex-shrink:0}.roulette-history-winner>span,.winner-banner>span{min-width:0;flex:1}.roulette-history-winner strong,.winner-banner strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fight-result h3{max-width:100%}