:root{color:#2a2430;font-family:ZCOOL KuaiLe,PingFang SC,Hiragino Sans GB,sans-serif;--ink: #2a2430;--paper: #fffaf0;--pink: #ff8fab;--yellow: #ffd166;--blue: #8ecae6;--green: #95d5b2}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#b9ddff;touch-action:none}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}button,input,a{font-family:inherit;touch-action:none}.hidden{display:none!important}.btn{border:3px solid var(--ink);background:#fff;color:var(--ink);border-radius:999px;padding:10px 20px;font-size:20px;box-shadow:4px 4px 0 var(--ink);cursor:pointer}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 var(--ink)}.btn.primary{background:var(--yellow)}.btn.pink{background:var(--pink)}#title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#fff6d8 0 18%,transparent 19%),radial-gradient(circle at 80% 10%,#ffd0e0 0 16%,transparent 17%),linear-gradient(#c7e6ff,#ffe7ef);pointer-events:auto}.title-card{width:min(560px,calc(100% - 32px));background:var(--paper);border:4px solid var(--ink);border-radius:32px;box-shadow:10px 10px 0 var(--ink);padding:28px 28px 24px;text-align:center}.blobs{height:84px;position:relative;margin-bottom:4px}.blob{position:absolute;border:4px solid var(--ink);border-radius:50%}.blob.a{width:70px;height:78px;left:32%;bottom:0;background:#fff1e0}.blob.a:before,.blob.b:before{content:"";position:absolute;width:8px;height:8px;background:var(--ink);border-radius:50%;top:34px}.blob.a:before{left:20px;box-shadow:18px 0 0 var(--ink)}.blob.b{width:74px;height:64px;left:52%;bottom:0;background:var(--blue)}.blob.b:before{left:22px;box-shadow:18px 0 0 var(--ink);top:26px}h1{font-size:64px;margin:0;letter-spacing:.08em}.lede{font-size:18px;line-height:1.55;margin:8px 0 14px}.rules{text-align:left;margin:0 auto 18px;padding-left:22px;line-height:1.6}.status{min-height:1.2em;color:#9b3d55}#crosshair{position:fixed;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border:3px solid var(--ink);border-radius:50%;background:#fff;z-index:2;pointer-events:none}#badge,#alive-pill,#effect-pill,#minimap,.panel,.banner,.hint,.toast,.center-card{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}#badge{position:fixed;top:calc(18px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));z-index:3;background:var(--paper);border-radius:22px;padding:8px 16px 10px;pointer-events:none}#badge span{display:block;font-size:14px;opacity:.7}#badge strong{font-size:36px;letter-spacing:.12em}#minimap{position:fixed;top:calc(118px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));z-index:3;width:132px;height:132px;padding:6px;background:var(--paper);border-radius:22px;cursor:pointer}#minimap canvas,#map-card canvas{width:100%;height:auto;display:block;border-radius:16px}#map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;pointer-events:none}#map-card{pointer-events:none;width:min(460px,calc(100% - 28px));background:var(--paper);border:4px solid var(--ink);border-radius:28px;box-shadow:8px 8px 0 var(--ink);padding:12px}#map-card .btn{margin-bottom:8px;pointer-events:auto}#effect-pill{position:fixed;top:calc(62px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:3;background:var(--yellow);border-radius:999px;padding:6px 14px;font-size:18px;pointer-events:none}#alive-pill{position:fixed;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:3;background:var(--green);border-radius:999px;padding:8px 18px;font-size:20px;pointer-events:none}.panel{position:fixed;top:calc(18px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right));z-index:4;width:260px;background:var(--paper);border-radius:24px;padding:14px 14px 16px;pointer-events:auto}.panel h2{margin:0 0 8px;font-size:26px}#roster{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}#roster li{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:4px 10px;border:2px solid var(--ink)}.swatch{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink)}#lobby-note{min-height:1.2em;margin:8px 0 0;font-size:14px}.center-card{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:5;background:var(--paper);border-radius:28px;padding:18px 36px;text-align:center;pointer-events:none}.center-card h2{font-size:72px;margin:0;letter-spacing:.08em}.center-card p{margin:0;font-size:22px}#countdown h2{font-size:120px;line-height:1}.banner{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:4;background:var(--pink);border-radius:999px;padding:10px 18px;font-size:20px;pointer-events:none}.hint{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:3;background:#fffaf0eb;border-radius:999px;padding:8px 14px;pointer-events:none}.toast{position:fixed;left:50%;top:92px;transform:translate(-50%);z-index:5;background:var(--yellow);border-radius:18px;padding:8px 16px;font-size:20px;pointer-events:none}#notebook{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;background:#2a24302e;pointer-events:auto}.book{width:min(440px,calc(100% - 28px));display:flex;background:var(--paper);border:4px solid var(--ink);border-radius:18px 28px 24px 16px;box-shadow:10px 12px 0 var(--ink);transform:rotate(-1.4deg);position:relative;overflow:hidden}.binding{width:28px;background:#ef6f6c;border-right:4px solid var(--ink)}.paper{flex:1;padding:18px 20px 16px;background-image:repeating-linear-gradient(to bottom,transparent 0 34px,#d5e4f5 34px 36px);background-position:0 58px;min-height:420px}.paper h2{margin:0;font-size:32px}.paper .note{margin:4px 0 8px;min-height:1.4em}.strikes{display:flex;gap:8px;margin-bottom:8px}.strikes i{width:18px;height:18px;border-radius:50%;border:3px solid var(--ink);background:var(--green);display:block}.strikes i.used{background:#f1f1f1}.paper form{display:flex;gap:8px;align-items:center}.paper input{font-family:Ma Shan Zheng,KaiTi,cursive;font-size:40px;letter-spacing:.28em;width:180px;text-align:center;border:none;border-bottom:3px solid var(--ink);background:transparent;color:var(--ink);outline:none}#nb-log{list-style:none;margin:14px 0 0;padding:0;max-height:180px;overflow:auto}#nb-log li{font-family:Ma Shan Zheng,cursive;font-size:28px;display:flex;justify-content:space-between}#nb-log li.ok{color:#c0392b}#nb-log li.bad{color:#7a7280;text-decoration:line-through}.stamp{position:absolute;right:36px;top:86px;color:#e23b3b;border:5px solid #e23b3b;border-radius:12px;padding:4px 10px;font-size:32px;transform:rotate(-14deg);animation:stamp-in .28s ease-out;pointer-events:none;background:#fffaf0b3}.book.shake{animation:shake .42s linear}@keyframes stamp-in{0%{transform:scale(1.8) rotate(-24deg);opacity:0}to{transform:scale(1) rotate(-14deg);opacity:1}}@keyframes shake{0%,to{transform:rotate(-1.4deg) translate(0)}25%{transform:rotate(-1.4deg) translate(-8px)}75%{transform:rotate(-1.4deg) translate(8px)}}#rotate-gate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;place-items:center;padding:24px;text-align:center;background:radial-gradient(circle at 20% 20%,#fff6d8 0 18%,transparent 19%),linear-gradient(#c7e6ff,#ffe7ef)}html.touch.portrait #rotate-gate{display:grid}#rotate-gate p{margin:0;padding:22px 28px;background:var(--paper);border:4px solid var(--ink);border-radius:28px;box-shadow:8px 8px 0 var(--ink);font-size:28px}#touch-controls{display:none}html.touch #touch-controls.visible{display:block}html.touch.portrait #touch-controls{display:none}#stick-zone{position:fixed;left:0;bottom:0;width:46%;height:72%;z-index:7;touch-action:none}.stick-base{position:fixed;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:#fffaf06b;border:3px solid var(--ink);display:grid;place-items:center;pointer-events:none}.stick-knob{width:54px;height:54px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink)}#touch-actions{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:7;display:flex;gap:12px;touch-action:none}#touch-actions button{width:74px;height:74px;border-radius:50%;border:3px solid var(--ink);background:#fff;color:var(--ink);font-size:18px;box-shadow:4px 4px 0 var(--ink)}#touch-actions button.jump{background:var(--blue)}.pad,.book-close{display:none}html.touch .pad{display:grid;grid-template-columns:repeat(3,52px);gap:6px;margin-top:8px}html.touch .pad button,html.touch .book-close{display:block;border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:12px;font-size:20px;padding:6px 0;box-shadow:2px 2px 0 var(--ink)}html.touch .book-close{position:absolute;top:10px;right:10px;z-index:2;padding:4px 12px;border-radius:999px;background:var(--paper)}html.touch #nb-input{pointer-events:none}html.touch .paper{min-height:0}html.touch .book{max-height:calc(100% - 16px);overflow:auto}html.touch #nb-log{max-height:72px}@media (max-height: 430px){.title-card{max-height:calc(100% - 20px);overflow:auto;padding:14px 16px;border-radius:22px}.blobs{height:40px}.title-card h1{font-size:36px;margin:0}.lede,.rules{font-size:14px}.paper{min-height:0;padding:12px 14px 10px}.paper h2{font-size:24px}.paper input{font-size:32px;width:150px}#nb-log{max-height:56px}.panel{width:210px;max-height:calc(100% - 110px);overflow:auto;padding:8px 10px}.panel h2{font-size:20px}#badge strong{font-size:26px}#minimap{width:96px;height:96px;top:calc(96px + env(safe-area-inset-top))}#map-card{width:min(250px,calc(100% - 28px));padding:8px}#countdown h2{font-size:72px}}