:root{--bg: #3f42a8;--bg-hi: #5357c4;--ink: #1f2052;--ink-soft: #5b5d8f;--panel: rgba(247, 247, 255, .96);--panel-border: #ffffff;--line: rgba(31, 32, 82, .12);--card: #ececff;--white: #ffffff}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg) radial-gradient(ellipse 120% 80% at 50% 0%,var(--bg-hi),var(--bg) 70%) no-repeat fixed;color:var(--ink);font-family:Poppins,system-ui,sans-serif;min-height:100vh;padding:16px 16px 40px}[hidden]{display:none!important}.bubbles{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;z-index:5}.bubble{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;background:#ffffffeb;border:2px solid #ffffff;color:var(--ink);font:600 13px Poppins,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 2px 10px #0a0a3240;transition:transform .1s,background .15s}.bubble:hover{background:#fff;transform:translateY(-1px)}.x-bubble{width:34px;padding:0;justify-content:center}.ca-bubble{font-variant-numeric:tabular-nums}.ca-bubble.empty{cursor:default;opacity:.85}.toast{background:#000;color:#fff;font:600 12px Poppins,sans-serif;padding:5px 10px;border-radius:999px}.site-header{text-align:center;margin:0 0 clamp(12px,1.6vh,24px)}.site-header h1{margin:0;color:var(--white);font-weight:800;font-size:clamp(30px,3.6vw,64px);letter-spacing:-.5px;line-height:1.1;text-shadow:0 3px 0 rgba(15,16,60,.35)}.site-header p{margin:4px 0 0;color:var(--white);font-weight:700;font-size:clamp(16px,1.6vw,28px)}.layout{--panel-w: clamp(310px, 20vw, 400px);display:flex;justify-content:center;align-items:flex-start;gap:clamp(16px,1.6vw,28px);margin:0 auto}.game-col{order:2;flex:1 1 0;min-width:0;max-width:max(560px,calc((100vh - 170px)*1.538))}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 28px #0a0a3247;padding:clamp(14px,1.2vw,22px);font-size:clamp(13px,.85vw,16.5px);line-height:1.35;flex:0 0 var(--panel-w);width:var(--panel-w)}.left-col{order:1;flex:0 0 var(--panel-w);width:var(--panel-w);display:flex;flex-direction:column;gap:10px}.left-col .panel{flex:none;width:auto}.hint{margin:0;padding:0 6px;color:#ffffffc7;font-size:clamp(12.5px,.8vw,15px);font-weight:600;letter-spacing:.2px}.panel.right{order:3}.panel h2{margin:0 0 8px;font-size:1.1em;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--ink)}.panel h2:not(:first-child){margin-top:14px}.panel ul{margin:0;padding-left:16px}.panel li{margin:3px 0}.blue{color:#00f}.yellow{color:#8a7a00}.green{color:#1d8a1b}.safety{margin:12px 0 0;padding:10px 12px;background:#ffffff73;border-radius:10px;font-size:.93em}.game-wrap{position:relative;width:100%;aspect-ratio:640 / 416;border:3px solid #000;background:#000;box-shadow:0 10px 34px #0a0a3273}#game{display:block;width:100%;height:100%;outline:none}.under-game{display:flex;justify-content:space-between;align-items:center;min-height:26px;margin-top:8px;font-size:13px;color:#ffffffd9}.link-btn{background:none;border:none;color:#fff;font:600 13px Poppins,sans-serif;text-decoration:underline;cursor:pointer;padding:0}.mobile-note{display:none}.game-wrap{container-type:inline-size}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073}.modal-box{width:clamp(250px,58cqw,640px);max-width:94%;background:#f7f7ff;border:clamp(3px,.6cqw,6px) solid #000;padding:clamp(8px,2.8cqw,30px) clamp(10px,3.2cqw,34px);font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#000}.modal-box label{display:block;font-size:clamp(11px,2.4cqw,24px);margin:.3em 0}.modal-box input{width:100%;height:clamp(26px,5.8cqw,58px);border:clamp(2px,.5cqw,4px) solid #000;background:#fff;padding:0 .5em;font:bold clamp(13px,2.4cqw,24px) Arial,Helvetica,sans-serif;outline:none}.modal-box input:focus{background:#ffffd8}.field-err,.form-err{min-height:1.3em;color:#d00000;font-size:clamp(10px,1.9cqw,18px);margin-top:2px}.modal-box button{display:block;width:100%;margin-top:.3em;height:clamp(30px,7cqw,70px);background:red;color:#fff;border:clamp(3px,.6cqw,6px) solid #000;font:bold clamp(15px,3.2cqw,32px) Arial,Helvetica,sans-serif;letter-spacing:2px;cursor:pointer}.modal-box button:disabled{background:#e6a3a3;cursor:not-allowed}.closed-msg{text-align:center;font-size:clamp(20px,4.4cqw,44px);padding:1em 0}.pool{background:var(--card);border-radius:12px;padding:12px 14px;text-align:center}.pool-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft)}.pool-amount{font-size:2em;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.pool-amount.soon{font-size:1.4em;color:var(--ink-soft)}.pool-link{font-size:12px;color:var(--ink)}.status{text-align:center;margin:12px 0 4px;font-size:12.5px}.badge{display:inline-block;padding:4px 12px;border-radius:999px;background:#000;color:#fff;font-weight:700;font-size:12px;letter-spacing:.4px}.badge.verifying{background:#c77700}.badge.won{background:#1d8a1b}.status a{display:block;margin-top:6px;color:var(--ink);font-size:12px}.board{width:100%;border-collapse:collapse;font-size:.95em;font-variant-numeric:tabular-nums}.board th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);padding:4px;border-bottom:2px solid var(--line)}.board td{padding:5px 4px;border-bottom:1px solid var(--line)}.board td:nth-child(2){max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.board tr.me td{background:var(--card)}.board .empty{text-align:center;color:var(--ink-soft);padding:14px 4px}.dev-tools{margin-top:8px;padding:8px 10px;border:2px dashed #ff9a9a;color:#fff;border-radius:8px;font:12px monospace;display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media(max-width:1200px){.layout{flex-wrap:wrap;max-width:920px}.game-col{order:0;flex:1 1 100%;max-width:100%}.panel{flex:1 1 300px;width:auto}.left-col{order:1;flex:1 1 300px;width:auto}.left-col .panel{flex:none}.panel.right{order:2}}@media(max-width:640px){body{padding-top:60px}.panel{flex:1 1 100%}.panel.right{order:1}.left-col{order:2;flex:1 1 100%}.mobile-note{display:block;margin:6px 0 0;text-align:center;font-weight:700;font-size:13px;color:#fff}}