*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#242821;font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ed7139;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.wrap{max-width:1120px;margin:auto;padding:30px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d6d6c9;padding-bottom:23px}.brand{font-size:23px;font-weight:900;letter-spacing:-1px}.brand span{color:#ec6d37}.user{border:1px solid #d6d6c9;border-radius:30px;padding:10px 16px;background:transparent;text-align:right;font-size:13px}.user small{display:block;color:#7c8073;margin-top:3px}.hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:34px 0 25px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;color:#7c8073}h1{font-size:clamp(32px,5vw,55px);line-height:1.06;letter-spacing:-2px;margin:13px 0}h1 em{font-style:normal;color:#ec6d37}.hero p{max-width:560px;line-height:1.6;color:#74796d;font-size:14px}.salary{background:#e7ebd7;border:1px solid #d2d9bb;padding:22px;min-width:165px;transform:rotate(3deg);border-radius:16px}.salary strong{display:block;font-size:38px;margin:8px 0}.salary small{font-size:12px;color:#6c7756}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 20px}.stat{background:#fffdf7;border:1px solid #deded1;padding:18px 20px;border-radius:13px}.stat small{display:block;color:#828675;font-size:11px;text-transform:uppercase;letter-spacing:1px}.stat strong{display:block;margin-top:9px;font-size:27px;letter-spacing:-1px}.actions{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px;margin-bottom:22px}.btn{border:1px solid #d1d4c5;border-radius:10px;padding:14px 18px;background:#fffdf7;color:#343d2a;font-weight:bold}.btn.primary{background:#38452f;color:white;border-color:#38452f}.btn.orange{background:#ef7138;color:#fff;border-color:#ef7138}.arena{position:relative;height:350px;background:#e9eddf;border:1px solid #cdd4be;border-radius:20px;overflow:hidden;background-image:radial-gradient(#c9d2bb 1px,transparent 1px);background-size:22px 22px;touch-action:manipulation}.arena-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6c775c;pointer-events:none}.timer{background:#fffdf7;border:1px solid #d1d8c2;padding:8px 12px;border-radius:20px;font-weight:bold}.empty-game{position:absolute;inset:70px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.empty-game .big{font-size:60px}.empty-game h2{margin:15px 0 8px;font-size:23px}.empty-game p{font-size:13px;color:#778268;max-width:440px;line-height:1.6}.target{position:absolute;width:72px;height:72px;border:2px solid #b7c7a6;border-radius:18px;background:#fffdf5;font-size:30px;box-shadow:0 5px 0 #b9c6a8;touch-action:manipulation;animation:pop .13s ease-out}.target small{display:block;font-size:9px;color:#79806c;margin-top:2px}.target.bot{background:#f9e8de;border-color:#e4bda6;box-shadow:0 5px 0 #d4af97}.rules{display:flex;justify-content:space-between;gap:12px;padding:16px 3px;font-size:12px;color:#7e8572}.notice{min-height:24px;text-align:center;color:#b45429;font-size:13px;font-weight:bold}.foot{font-size:11px;color:#909583;margin-top:25px;display:flex;justify-content:space-between;gap:10px}.overlay{position:fixed;inset:0;background:#1f291bbc;display:grid;place-items:center;padding:20px;z-index:10}.modal{position:relative;background:#fffdf7;border-radius:22px;padding:30px;width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 100px #1b251955}.modal h2{font-size:29px;letter-spacing:-1px;margin:10px 0 14px}.modal p{color:#7a816e;line-height:1.6;font-size:14px}.field{display:block;margin:18px 0}.field span{display:block;font-size:12px;font-weight:bold;margin-bottom:8px}.field input{width:100%;border:1px solid #d4d8c7;border-radius:10px;padding:13px;background:#f7f8f1}.modal .btn{width:100%;margin-top:8px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;color:#929a82}.reward{font-size:75px;text-align:center}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.result-grid div{background:#f0f3e7;padding:14px;border-radius:12px}.result-grid strong{display:block;font-size:24px}.result-grid small{color:#849074;font-size:11px}.records{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}.records th,.records td{padding:12px 7px;text-align:left;border-bottom:1px solid #e1e5d6}.records th{color:#8a947c;font-size:10px}.records small{display:block;color:#939c87;max-width:150px;overflow-wrap:anywhere;margin-top:4px}@keyframes pop{from{transform:scale(.6)}to{transform:scale(1)}}@media(max-width:600px){.wrap{padding:20px 14px}.brand{font-size:19px}.hero{gap:12px;padding-top:24px}.salary{min-width:100px;padding:14px}.salary strong{font-size:27px}.hero p{font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:13px}.stat strong{font-size:23px}.actions{grid-template-columns:1fr 1fr;gap:8px}.actions .primary{grid-column:1/-1;grid-row:1}.actions .btn{font-size:12px;padding:13px 9px}.arena{height:360px}.rules,.foot{flex-wrap:wrap;font-size:11px}.modal{padding:23px}.user{font-size:11px;max-width:150px}.user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.user{overflow-wrap:anywhere}.arena-top>span:first-child{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* White, blue and yellow palette from the supplied logo. */
body{background:#f5f7fa;color:#202633}header{border-color:#e0e5ed}.brand{position:relative;overflow:hidden;width:140px;height:48px;background:#fff;border-radius:8px;flex-shrink:0}.brand img{position:absolute;width:154px;max-width:none;left:-12px;top:-13px}h1 em{color:#1759e8}.user{border-color:#dfe5ef;background:#fff}.user small,.eyebrow,.hero p,.stat small,.rules,.foot,.modal p{color:#778397}.stat,.btn,.timer,.modal{background:#fff;border-color:#dfe5ef}.btn{color:#26364e}.btn.primary{background:#1759e8;border-color:#1759e8;color:#fff}.btn.primary:hover:not(:disabled){background:#1048c4}.btn.orange{background:#ffdf24;border-color:#ffdf24;color:#202633}.btn:disabled{opacity:1;background:#91aff1;border-color:#91aff1}.salary{background:#fff7cb;border-color:#f1df86}.salary small{color:#8a761e}.arena{background-color:#edf3ff;border-color:#d5e1f6;background-image:radial-gradient(#c5d5ef 1px,transparent 1px)}.arena-top,.empty-game p{color:#70809a}.target{background:#fff;border-color:#adc6fa;box-shadow:0 5px 0 #9cbaf1}.target small{color:#6c7c96}.target.bot{background:#fff7ca;border-color:#e4ce6d;box-shadow:0 5px 0 #d8c05a}.notice{color:#1759e8}.overlay{background:#18273dbd}.field input{background:#f7f9fd;border-color:#d9e1ee}.result-grid div{background:#edf3ff}.result-grid small,.records th,.records small{color:#7c8aa2}.records th,.records td{border-color:#e2e8f2}button:focus-visible,input:focus-visible{outline-color:#1759e8}
.laughing-face{display:block;width:100%;max-width:300px;max-height:220px;object-fit:contain;margin:0 auto 16px}
.actions{grid-template-columns:repeat(4,1fr)}.break-btn{grid-column:1/-1;padding:10px;background:transparent;border-style:dashed;font-weight:normal}.external{display:block;text-align:center;text-decoration:none;margin-top:10px;line-height:1.4}.external:hover{background:#edf3ff}.arena-top{justify-content:flex-start;gap:12px}.arena-top .timer{margin-left:auto}.lives{white-space:nowrap;font-size:14px}.falling-arena{touch-action:none}.basket{position:absolute;bottom:10px;width:84px;height:62px;transform:translateX(-50%);font-size:52px;text-align:center;line-height:62px;user-select:none;z-index:2}.basket:focus-visible{outline:2px solid #1759e8;border-radius:10px}.falling-item{position:absolute;left:0;top:0;width:46px;height:46px;background:#fff;border:2px solid #b0cafa;border-radius:12px;display:grid;place-items:center;font-size:28px;pointer-events:none;will-change:transform}.falling-item.bot{background:#fff4bf;border-color:#e9cc50}@media(max-width:600px){.actions{grid-template-columns:1fr 1fr}.actions .primary{grid-column:auto;grid-row:auto}.break-btn{grid-column:1/-1}.arena-top{left:12px;right:12px;gap:6px}.arena-top>span:first-child{max-width:45%}.lives{font-size:12px}}

/* Phone layout: controls remain thumb-sized; the round gets the whole screen. */
html{min-height:100%;-webkit-text-size-adjust:100%}
@media(max-width:600px){
 .wrap{padding:12px 12px max(12px,env(safe-area-inset-bottom))}
 header{gap:10px;padding-bottom:12px}.user{min-height:44px;max-width:52%;padding:8px 12px}
 .hero{padding:20px 0 10px;gap:10px;flex-wrap:wrap}
 .hero>div:first-child{width:100%}h1{font-size:35px;letter-spacing:-1.3px;margin:10px 0}
 .hero p{margin:8px 0;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:1.3px}
 .salary{width:100%;transform:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;min-width:0;border-radius:12px}
 .salary strong{font-size:24px;margin:0}.salary small{font-size:11px}
 .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:10px 0 12px}
 .stat{padding:12px 7px;border-radius:10px;min-width:0}
 .stat small{font-size:9px;letter-spacing:0}.stat strong{font-size:18px;letter-spacing:-.7px;margin-top:6px;overflow-wrap:anywhere}
 .actions{margin-bottom:12px}.actions .btn{min-height:50px;line-height:1.35}
 .arena{height:350px;border-radius:15px}
 .arena-top{top:12px}.arena-top>span:first-child{max-width:38%;font-size:11px}
 .timer{padding:7px 9px;white-space:nowrap}.lives{font-size:12px}
 .rules{line-height:1.5;padding:10px 0;gap:3px}.notice{font-size:12px;line-height:1.4}
 .overlay{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .modal{padding:24px 18px;max-height:calc(100dvh - 24px);border-radius:18px}
 .modal h2{font-size:26px;overflow-wrap:anywhere}.field input{font-size:16px;min-height:48px}
 .modal .btn{min-height:48px}.close{min-width:44px;min-height:44px;right:4px;top:4px}
 .records{font-size:11px;table-layout:fixed}.records th:first-child{width:40%}
 .records td,.records th{padding:10px 4px;overflow-wrap:anywhere}
 body.playing .hero,body.playing .actions{display:none}
 body.playing header{padding-bottom:8px}
 body.playing .stats{margin:8px 0}
 body.playing .arena{height:calc(100svh - 225px);min-height:260px;max-height:650px}
 body.playing .rules{font-size:10px}
 body.playing .wrap{padding-top:max(8px,env(safe-area-inset-top))}
}
@media(max-width:360px){.stat strong{font-size:16px}h1{font-size:32px}.brand{width:130px}.salary small{font-size:10px}}
@media(max-width:600px){#shared-records .records th:first-child{width:34%}#shared-records .records th:last-child{width:11%}#shared-records .records{font-size:10px}}
.snake-launch{background:#e4edff;border-color:#bdd0fc;grid-column:1/-1;order:-1}
.arena.snake-arena{height:auto;min-height:0;max-height:none;padding:64px 12px 12px;display:flex;align-items:center;flex-direction:column}
#snake-board{display:block;width:min(480px,100%);aspect-ratio:1;touch-action:none;border-radius:8px;outline-offset:2px}
#snake-level{font-size:12px;color:#526681;padding:10px 0 0}
.snake-controls{display:flex;flex-direction:column;align-items:center;gap:5px;margin:10px 0}
.snake-controls>div{display:flex;gap:5px}.snake-controls .btn{width:58px;height:46px;padding:4px;font-size:24px;touch-action:manipulation}
@media(max-width:600px){body.playing .arena.snake-arena{height:auto;min-height:0;max-height:none;padding-top:54px}#snake-board{width:min(100%,calc(100svh - 340px));min-width:180px}.snake-controls{margin:7px 0}.snake-controls .btn{height:44px}.snake-launch{grid-column:1/-1}}
/* Prominent break action. */
.actions .break-btn{background:#ffdf24;border:1px solid #e8c600;color:#202633;font-weight:700;padding:14px 18px;min-height:48px;box-shadow:0 3px 0 #d9b900}
.actions .break-btn:hover{background:#ffe657}
.actions .break-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #d9b900}
.support-link{display:inline-flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none;color:#202633;background:#fff3bb;border:1px solid #ecd16a;border-radius:12px;padding:6px 12px 6px 6px;font-size:13px;font-weight:700;min-height:48px}
.support-link img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center 35%}
.support-link:hover{background:#ffe781}.support-link:focus-visible{outline:3px solid #1759e8;outline-offset:3px}
@media(max-width:600px){header{flex-wrap:wrap}.support-link{order:3;flex-basis:100%;margin:0;justify-content:flex-start}.playing .support-link{display:none}}
.salary{max-width:300px}.salary strong{overflow-wrap:anywhere}.casino-open{font-size:12px;padding:10px;margin-top:8px;background:#ffdf24;border-color:#e1c000}.wheel-wrap{position:relative;width:240px;height:250px;margin:12px auto}.wheel-pointer{position:absolute;top:-8px;left:106px;z-index:2;color:#202633;font-size:32px}.prize-wheel{position:absolute;top:12px;width:230px;height:230px;border:8px solid #fff;box-shadow:0 0 0 3px #1759e8;border-radius:50%;background:conic-gradient(#ffdf24 0deg 60deg,#8fb3ff 60deg 120deg,#d6dfed 120deg 180deg,#a98aff 180deg 240deg,#ffae69 240deg 300deg,#7bd9c6 300deg);transition:transform 2.2s cubic-bezier(.15,.65,.15,1)}.prize-wheel span{position:absolute;font-size:27px}.prize-wheel span:nth-child(1){top:20px;left:133px}.prize-wheel span:nth-child(2){top:90px;left:168px}.prize-wheel span:nth-child(3){top:156px;left:131px}.prize-wheel span:nth-child(4){top:156px;left:51px}.prize-wheel span:nth-child(5){top:90px;left:14px}.prize-wheel span:nth-child(6){top:20px;left:51px}.casino-result{font-weight:bold;min-height:48px;text-align:center}#casino-history{border-top:1px solid #ddd}#casino-history p{font-size:12px;margin:7px 0}
@media(max-width:600px){.salary{max-width:none;flex-wrap:wrap}.casino-open{width:100%}.salary strong{font-size:22px;max-width:100%}}
.casino-result.outcome{padding:18px 14px;border-radius:16px;border:1px solid #c9d9f7;background:#edf3ff;text-align:center}
.outcome-win{background:#fff7d0!important;border-color:#ead57b!important}.outcome-icon{font-size:38px}.outcome small{font-size:10px;letter-spacing:1px}.outcome h3{font-size:23px;margin:8px 0;overflow-wrap:anywhere;line-height:1.25}.outcome p{font-size:13px;margin:8px 0}.spin-receipt{display:grid;gap:8px;text-align:left;border-top:1px solid #d5dce7;padding-top:12px;margin-top:14px;font-size:12px}.spin-receipt span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.spin-receipt b{overflow-wrap:anywhere}.prize-guide{margin:16px 0;font-size:13px}.prize-guide summary{font-weight:bold;cursor:pointer}.prize-guide ul{padding-left:0;list-style:none;line-height:1.5}.prize-guide li{padding:6px 0;border-bottom:1px solid #e5e9ef}
.jump-launch{background:#d9f6ec;border-color:#88d7bb;grid-column:1/-1;order:-1}.arena.jump-arena,body.playing .arena.jump-arena{height:auto;min-height:0;max-height:none;padding:60px 10px 10px;display:flex;flex-direction:column;align-items:center}#jump-board{display:block;width:min(360px,100%);aspect-ratio:3/4;touch-action:none;border-radius:12px;border:1px solid #bccfed}#jump-height{font-size:12px;padding:10px 0 0;color:#526681}.jump-controls{display:flex;gap:12px;justify-content:center;align-items:center;margin:10px 0}.jump-controls .btn{width:70px;height:48px;font-size:24px;padding:5px;touch-action:none;user-select:none}.jump-controls span{font-size:11px;color:#778397}
@media(max-width:600px){#jump-board{width:min(100%,calc((100svh - 290px)*.75));min-width:180px}}
.runner-launch{background:#fff;border-color:#adc8f5;grid-column:1/-1;order:-1}.runner-launch span{font-size:20px;color:#4285f4;margin-right:5px}.arena.runner-arena,body.playing .arena.runner-arena{height:auto;min-height:0;max-height:none;padding:56px 10px 10px;display:flex;flex-direction:column;align-items:center;background:#e4eafb}#runner-board{display:block;width:min(420px,100%);aspect-ratio:7/10;touch-action:none;border-radius:14px;border:1px solid #8b9dc5}#runner-status{font-size:12px;padding-top:10px;color:#526681}.runner-controls{display:flex;justify-content:center;gap:7px;margin:10px 0}.runner-controls .btn{min-height:48px;padding:8px 13px;touch-action:manipulation;font-size:13px}@media(max-width:600px){#runner-board{width:min(100%,calc((100svh - 285px)*.7));min-width:180px}.runner-controls{gap:5px}.runner-controls .btn{padding:8px 10px;font-size:12px}}
/* Discreet secondary game link, at the bottom right of the page. */
.wrap>.runner-launch{display:block;width:max-content;max-width:100%;margin:24px 0 0 auto;padding:6px 9px;min-height:32px;background:transparent;border:1px solid transparent;box-shadow:none;color:#7b8798;font-size:11px;font-weight:400;line-height:1.4}
.wrap>.runner-launch:hover{color:#365b8c;background:#e9eef6;border-color:#dce4ef}
.wrap>.runner-launch:focus-visible{outline:2px solid #1759e8;outline-offset:2px}
body.playing .wrap>.runner-launch{display:none}