*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:radial-gradient(ellipse at center,#12271a,#0a1510);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#app canvas{border-radius:10px;box-shadow:0 14px 50px #0000008c;touch-action:none}#rotate-hint{display:none;position:fixed;inset:0;z-index:40;background:#0e2415;color:#ffe066;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;font-family:system-ui,sans-serif;font-size:18px;padding:24px}#rotate-hint div{font-size:64px;animation:spin-kiwi 2.4s ease-in-out infinite}@keyframes spin-kiwi{0%,60%,to{transform:rotate(0)}20%,40%{transform:rotate(90deg)}}@media(orientation:portrait)and (max-width:700px){#rotate-hint{display:flex}}#cc-btn{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:25;border:3px solid #ffe066;border-radius:12px;background:#0e2415;color:#ffe066;font-family:system-ui,sans-serif;font-size:17px;font-weight:800;padding:12px 22px;cursor:pointer;box-shadow:0 6px 20px #00000073}#cc-btn.hidden{display:none}#cc-btn:active{transform:translate(-50%) scale(.96)}#lobby{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#040c07b8;font-family:system-ui,sans-serif}#lobby.hidden{display:none}.lobby-card{background:#0e2415;border:3px solid #ffe066;border-radius:16px;padding:22px 24px;width:min(94vw,420px);color:#fff;text-align:center}.lobby-card h2{color:#ffe066;font-size:24px;margin-bottom:4px}.lobby-sub{color:#cfe8c8;font-size:13px;margin-bottom:14px}.lobby-card input{width:100%;padding:11px 12px;font-size:18px;border-radius:8px;border:2px solid #4e9a4a;background:#08170d;color:#fff;text-align:center;outline:none;margin-bottom:10px;user-select:text;-webkit-user-select:text}.lobby-card input:focus{border-color:#ffe066}#lobby-code{text-transform:uppercase;letter-spacing:6px;font-weight:800}.lobby-card button{font-family:inherit;font-weight:700;border:none;border-radius:8px;cursor:pointer}.lobby-primary{width:100%;padding:12px;font-size:16px;background:#ffe066;color:#2a2000;margin-bottom:6px}.lobby-primary:disabled{background:#6b7a5a;color:#2a2a20;cursor:default}.lobby-hint{color:#8ba888;font-size:12px;margin:2px 0 12px}.lobby-joinrow{display:flex;gap:8px}.lobby-joinrow input{flex:1;margin-bottom:0}#lobby-dice{padding:0 14px;background:#12291a;border:2px solid #4e9a4a;color:#fff;font-size:20px}.lobby-text{background:none;color:#9fb0a0;font-size:13px;margin-top:12px;text-decoration:underline}.lobby-msg{color:#ffb35e;font-size:13px;min-height:18px;margin-top:8px}#lobby-roomcode{color:#9fe066;letter-spacing:4px}#lobby-modes{display:flex;gap:8px;margin-bottom:12px}.lobby-mode{flex:1;padding:9px 6px;font-size:13px;font-weight:700;border:2px solid #2c5232;border-radius:8px;background:#12291a;color:#9fb0a0}.lobby-mode.active{border-color:#ffe066;background:#1c3a26;color:#ffe066}.lobby-mode:disabled{cursor:default;opacity:.9}#lobby-players{list-style:none;margin:6px 0 14px;padding:0;text-align:left}#lobby-players li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#12291a;margin-bottom:6px;font-size:16px}.lobby-dot{width:16px;height:16px;border-radius:50%;flex:0 0 auto;border:2px solid rgba(255,255,255,.5)}.lobby-pname{flex:1;font-weight:700}.lobby-tag{font-size:13px;color:#cfe8c8}.lobby-ready-yes{color:#9fe066}#lobby-ready-wrap{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:700;cursor:pointer;margin-bottom:12px}#lobby-ready{width:22px;height:22px;margin:0}#lobby-countdown{padding:30px 0}#lobby-count-num{font-size:120px;font-weight:900;color:#ffe066;text-shadow:0 4px 0 #3a2a00;line-height:1}.hidden{display:none!important}#results{position:fixed;inset:0;z-index:36;display:flex;align-items:center;justify-content:center;background:#040c07c7;font-family:system-ui,sans-serif}#results.hidden{display:none}#results-list{list-style:none;margin:10px 0 16px;padding:0;text-align:left}#results-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:#12291a;margin-bottom:6px;font-size:17px;color:#fff}#results-list li.me{background:#1c3a26;border:2px solid #ffe066}#results-list .r-place{font-size:20px;width:34px;text-align:center;flex:0 0 auto}#results-list .r-name{flex:1;font-weight:700}#results-list .r-dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto}#results-list .r-award{font-size:12px;color:#cfe8c8;margin-left:auto;text-align:right}#cert{position:fixed;inset:0;z-index:37;display:flex;align-items:center;justify-content:center;background:#040c07d9;padding:16px}#cert.hidden{display:none}.cert-card{width:min(94vw,560px);text-align:center}#cert-img{width:100%;border-radius:10px;box-shadow:0 10px 40px #00000080;margin-bottom:12px}.cert-row{display:flex;gap:10px;justify-content:center;align-items:center}.cert-row .lobby-primary{width:auto;flex:1}#name-entry{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#040c07a6;font-family:system-ui,sans-serif}#name-entry.hidden{display:none}.ne-card{background:#0e2415;border:3px solid #ffe066;border-radius:16px;padding:24px 28px;text-align:center;color:#fff;width:min(92vw,380px)}.ne-card h2{color:#ffe066;margin-bottom:8px;font-size:22px}.ne-card p{color:#cfe8c8;margin-bottom:14px}.ne-card input{width:100%;padding:10px 12px;font-size:18px;border-radius:8px;border:2px solid #4e9a4a;background:#08170d;color:#fff;text-align:center;outline:none;margin-bottom:14px;user-select:text;-webkit-user-select:text}.ne-card input:focus{border-color:#ffe066}.ne-row{display:flex;gap:10px;justify-content:center}.ne-card button{border:none;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}#ne-save{background:#ffe066;color:#2a2000}#ne-skip{background:#1c3a26;color:#cfe8c8}