:root{font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#f9f5ff;background:#171426;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:13px 20px;font-weight:800;color:#fff;background:#3b2f53}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #e0ff7a;outline-offset:3px}[hidden]{display:none!important}#stage{position:relative;width:100vw;height:100dvh;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:0}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 70% 20%,#543b66,#171426 70%);text-align:center;padding:30px}h1{font-size:clamp(64px,12vw,140px);letter-spacing:-9px;margin:0}h1 span{color:#dcff7a}.eyebrow{font-size:11px;letter-spacing:4px;color:#dcff7a;font-weight:800}.track{width:min(320px,75vw);height:6px;background:#ffffff25;border-radius:10px;margin:25px 0 10px}.track i{display:block;width:0;background:#dcff7a;height:100%;border-radius:10px;transition:width .2s}#loading small{color:#a99cb8;font-size:11px}#load-status{font-size:13px}#web-actions{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(160px,env(safe-area-inset-right));display:flex;gap:8px}#web-actions button{font-size:12px;padding:8px 12px;background:#21162ad9}#touch-controls{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));display:flex;gap:14px;touch-action:none;user-select:none}#touch-controls button{min-width:104px;padding:15px 25px;font-size:21px;box-shadow:0 4px 0 #0005;touch-action:none;-webkit-user-select:none}#touch-controls span{display:block;font-size:9px;opacity:.7;margin-top:4px}#touch-controls .jump{background:#dcff7a;color:#171426}#touch-controls .dash{background:#ed89c2;color:#261a2f}#touch-controls button:active{transform:translateY(3px);filter:brightness(1.15)}dialog{width:min(680px,94vw);max-height:94dvh;padding:24px 30px;border:1px solid #776082;border-radius:22px;background:#21192ef5;color:#fff;box-shadow:0 20px 100px #0008;overflow:auto}dialog::backdrop{background:#10071aca;backdrop-filter:blur(7px)}h2{margin:4px 0 8px;font-size:38px;letter-spacing:-2px}.modal-head>p:last-child{color:#e3d5ed;margin:0 0 20px}label{display:block;font-size:13px;margin-bottom:9px}.entry{display:flex;gap:8px}input{width:100%;min-width:0;border:1px solid #745a82;border-radius:10px;padding:14px;background:#171120;color:#fff;font-size:17px}.entry button,.primary{background:#dcff7a;color:#171426;white-space:nowrap}form small{display:block;color:#a998b7;font-size:10px;margin-top:9px}#score-status{font-size:13px;min-height:20px;color:#f6aad7}.board-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding-top:12px}.board-head h3{font-size:14px;letter-spacing:2px}.board-head span{font-size:10px;color:#a998b7}.table-scroll{max-height:33dvh;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#a998b7;font-size:10px;position:sticky;top:0;background:#21192f}th,td{padding:11px 7px;border-bottom:1px solid #ffffff12}td:first-child{color:#dcff7a;font-weight:800}td:nth-child(3),td:nth-child(4),th:nth-child(3),th:nth-child(4){text-align:right}.own{background:#ff94cf18}#board-empty{color:#a998b7;text-align:center;font-size:13px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button:first-child{flex:1}#portrait{display:none;position:absolute;inset:0;background:#171426ef;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}#portrait>span{font-size:70px;color:#dcff7a}#portrait p{font-size:12px;color:#b5a7c4}#portrait-dismiss{margin-top:20px;font-size:12px}@media(orientation:portrait) and (pointer:coarse){#portrait:not(.dismissed){display:flex}}@media(max-height:500px){dialog{padding:14px 22px;max-height:96dvh}h2{font-size:27px}.modal-head>p:last-child{margin-bottom:10px}.table-scroll{max-height:25dvh}.board-head{padding-top:0}th,td{padding:7px}.modal-actions{margin-top:12px}#touch-controls button{padding:10px 22px;font-size:18px;min-width:96px}}@media(max-width:500px){dialog{padding:20px 16px}.entry{flex-direction:column}.board-head span{font-size:8px}#web-actions{right:12px;top:75px}.modal-actions{flex-wrap:wrap}.modal-actions button{padding:12px}td,th{padding-left:4px;padding-right:4px}}
.share-section{border-top:1px solid #ffffff20;margin-top:18px;padding-top:15px}.share-open{width:100%;background:#443154;color:#f8d4eb;font-size:14px}#share-dialog{width:min(520px,94vw);background:#21192f}.share-heading{display:flex;align-items:center;justify-content:space-between}.share-heading .eyebrow{margin:0}.share-heading button{padding:7px 11px;background:#ffffff0d}#share-title{font-size:29px;margin-top:17px}.share-intro{font-size:13px;color:#baabc8;margin-bottom:20px}.record-card{position:relative;overflow:hidden;padding:25px;border:1px solid #eea4d754;border-radius:18px;background:radial-gradient(ellipse at 100% 0%,#a44d83 0%,transparent 65%),linear-gradient(135deg,#443052,#251d35);box-shadow:inset 0 0 40px #f19ac708}.record-card:after{content:'✦';position:absolute;right:19px;top:35px;font-size:86px;color:#ffb8e044;transform:rotate(12deg);pointer-events:none}.record-brand{display:block;font-size:20px;font-weight:900}.record-brand small{display:block;color:#dcff7a;font-size:8px;letter-spacing:2px;margin-top:5px}.record-card strong{display:block;font-size:clamp(38px,9vw,60px);letter-spacing:-2px;color:#dcff7a;margin:16px 0 13px;overflow-wrap:anywhere}.record-details{display:flex;gap:16px;font-size:12px;color:#f2dbea}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.share-buttons .kakao-button{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;background:#fee500;color:#191919}.kakao-button svg{width:24px;height:24px;fill:#191919}.share-buttons button{font-size:13px;min-height:47px}.share-help{font-size:11px;line-height:1.6;color:#bbacc8}#share-status{font-size:12px;line-height:1.6;color:#dcff7a;min-height:18px}#manual-copy label{font-size:11px;color:#c9bad6;line-height:1.5}#share-text{width:100%;resize:vertical;font:inherit;font-size:12px;line-height:1.7;background:#171120;color:#f3eafa;border:1px solid #745a82;border-radius:10px;padding:12px;user-select:text}#manual-copy{margin-top:13px}@media(max-height:500px){#share-dialog{width:min(600px,94vw)}#share-title{font-size:24px;margin-top:7px}.share-intro{margin:5px 0 10px}.record-card{padding:13px 20px}.record-card strong{font-size:38px;margin:6px 0}.record-brand{font-size:15px}.record-brand small{display:none}.record-card:after{top:0;font-size:70px}.share-buttons{margin-top:10px}.share-help{margin:7px 0}.share-section{margin-top:12px;padding-top:10px}}