@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap');
*{box-sizing:border-box}body{margin:0;background:#111c2d;color:#f9f2df;font-family:'Noto Sans JP',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}header{max-width:650px;margin:auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}a{color:#ebbe76}header button{background:#26364c;color:#d6e1ee;border-radius:30px;padding:8px 16px}main{max-width:550px;margin:auto;padding:0 18px 30px}.heading{text-align:center}.heading>span{font-size:10px;letter-spacing:3px;color:#e4b77c}h1{font-size:clamp(30px,7vw,45px);margin:10px 0 0;font-weight:900;letter-spacing:-2px}h1 span{color:#ffc775}.heading p{font-size:12px;color:#bac5d0;margin:8px 0 20px}.scores{display:flex;justify-content:space-between;text-align:center;gap:10px;margin-bottom:12px}.scores>div{width:50%;background:#1c2c41;border:1px solid #34495f;border-radius:12px;padding:8px;font-size:10px;color:#b9c9dc}.scores b{display:block;font-size:26px;color:#ffe4ad;font-variant-numeric:tabular-nums}#arena{height:440px;position:relative;overflow:hidden;border-radius:18px;background:#23394d;border:1px solid #43596b;touch-action:manipulation;box-shadow:0 25px 50px #03091080}canvas{width:100%;height:100%;display:block}#message{position:absolute;top:16px;width:100%;text-align:center;font-size:13px;font-weight:900;color:#fff5ce;text-shadow:0 2px 6px #000;pointer-events:none}#overlay{position:absolute;inset:0;background:#101e32dc;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}#overlay[hidden]{display:none}#eyebrow{font-size:10px;letter-spacing:3px;color:#e7b778}#overlay h2{font-size:32px;margin:20px 0 5px}#overlay p{font-size:13px;line-height:2;color:#c8d5de}#overlay button{background:#ffc775;color:#252435;border-radius:12px;padding:14px 24px;font-weight:900;margin-top:10px;min-width:220px}#overlay #share{background:#31475e;color:#fff}.controls{display:flex;gap:10px;margin-top:14px}.controls button{width:50%;padding:14px 10px;border-radius:12px;font-size:20px;font-weight:900;touch-action:manipulation}.controls small{display:block;font-size:10px;margin-top:3px;letter-spacing:2px}#drop{background:#ffc775;color:#282639}#bank{background:#a9e5ca;color:#113f33}button:disabled{opacity:.35;cursor:default}.risk{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:10px}.risk>div{flex:1;background:#26384b;height:6px;border-radius:5px;overflow:hidden}.risk i{display:block;height:100%;width:0;background:#a9e5ca;transition:width .15s}.risk b{min-width:40px}.instruction{font-size:11px;line-height:1.9;text-align:center;color:#98adbf}details{font-size:12px;color:#b1c1d3;line-height:1.9;padding:16px;border:1px solid #304256;border-radius:12px}summary{cursor:pointer;color:#edddbc}@media(max-height:750px){#arena{height:360px}.heading p{margin-bottom:12px}header{padding:10px 20px}}@media(orientation:landscape) and (max-height:550px){main{max-width:850px}.heading{display:none}#arena{height:300px}.scores{float:left;width:200px;display:block;margin-right:15px}.scores>div{width:100%;margin-bottom:12px}.controls{width:100%}}