:root{color-scheme:dark;font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#10131a;width:100%;height:100dvh;margin:0;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:fixed;inset:0}.icon{vertical-align:middle;background:currentColor;width:25px;height:25px;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.icon.play{mask-image:url(play.d2b98249.svg)}.icon.shuffle{mask-image:url(shuffle.e9e498cf.svg)}.icon.record{mask-image:url(record.c71c4728.svg)}.icon.map{mask-image:url(map.eb357c03.svg)}.icon.trophy{mask-image:url(trophy.50d1ba0a.svg)}.icon.bomb{mask-image:url(bomb.455f9b17.svg)}.icon.sun{mask-image:url(sun.ab6ec46d.svg)}.icon.moon{mask-image:url(moon.3f475bd2.svg)}#settings{bottom:calc(1rem + env(safe-area-inset-bottom));left:calc(1rem + env(safe-area-inset-left));backdrop-filter:blur(16px);z-index:999;visibility:visible;opacity:1;background:#393d48f0;border:1px solid #ffffff24;border-radius:16px;min-width:50%;padding:12px;transition:visibility,opacity 1s linear;display:flex;position:fixed;box-shadow:0 16px 48px #00000052}#settings.hide{opacity:0;visibility:hidden}#settings h3{color:#fefefe;margin:0;padding:0;font-size:12pt}#settings textarea{color:#fff;width:100%;min-height:5rem;font:inherit;resize:vertical;background:#ffffff29;border:1px solid #ffffff29;border-radius:8px;padding:10px;font-size:16px;line-height:1.45}#settings textarea::placeholder{color:#ffffffa6}#settings textarea:focus-visible,#settings button:focus-visible,#settings select:focus-visible,#settings input:focus-visible{outline-offset:2px;outline:3px solid #6ed6ff}#settings button,#settings .btn{color:#fefefe;min-height:40px;font:inherit;cursor:pointer;background:#222;border:none;border-radius:5px;padding:8px 12px;display:inline-block;position:relative}#settings button:active:after,#settings .btn:active:after{content:"";background:#00000080;position:absolute;inset:0}#settings button:disabled{cursor:not-allowed;opacity:.45}#settings #btnStart{background:#007fae;font-weight:700}#settings .input-meta{color:#ffffffb8;justify-content:space-between;gap:12px;margin-top:6px;font-size:12px;display:flex}#settings div.theme{color:#fff;flex-grow:1;justify-content:flex-end;align-items:center;display:flex}#settings div.left{flex-grow:1;flex-shrink:1;order:1}#settings div.left .actions{justify-content:stretch;align-items:center;gap:8px;display:flex}#settings .btn-toggle-settings{display:none}#settings div.right{flex-grow:0;flex-shrink:0;order:2}#settings div.right div.row{align-items:center;height:35px;display:flex}#settings div.right div.row label{color:#fff;flex-grow:0;flex-shrink:0;width:150px;padding-left:1rem}#settings div.right div.row .toggle-item{align-items:center;width:50%;display:flex}#settings select{background:#999;border-radius:5px;width:100%;height:25px}#settings input[type=checkbox]{vertical-align:middle;width:50px;height:25px;padding-right:63px;display:inline-block;position:relative}#settings input[type=checkbox]:before{content:"";background:#999;border-radius:25px;width:50px;height:25px;display:inline-block;position:absolute;top:0;left:0}#settings input[type=checkbox]:after{content:"";background:#ccc;border-radius:25px;width:25px;height:25px;transition:transform .2s;position:absolute;top:0;left:0}#settings input[type=checkbox]:checked:after{background:#fff;transform:translate(100%)}#settings input[type=checkbox]:checked:before{content:"";background:#00baff}#settings .btn-group{justify-content:stretch;display:flex}#settings .btn-group>*{box-sizing:border-box;color:#fefefe;background:#999;border:none;border-radius:0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:33%;height:25px;padding:0;display:flex;overflow:hidden}#settings .btn-group>:first-child{border-radius:10px 0 0 10px}#settings .btn-group>:last-child{border-radius:0 10px 10px 0}#settings .btn-group>.active:before{content:"";vertical-align:middle;background:#fff;width:15px;height:15px;display:inline-block;mask-image:url(check.7e390469.svg);mask-repeat:no-repeat}#settings .btn-group>.active{background:#333}#settings .btn-group input[type=number]{box-sizing:border-box;text-align:center}#notice{z-index:1001;color:#333;background:#ffffffe6;border-radius:30px;flex-direction:column;width:500px;max-width:90%;padding:10px;display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#notice h2{color:#000;text-transform:uppercase;background-color:#58c9af;border-bottom:4px solid #2c8470;justify-content:center;align-items:center;margin:-10px -10px 0;padding:10px 5px 10px .5em;font-size:2em;font-weight:700;display:flex}#notice div.notice-body{padding:0 .5em}#notice div.notice-body h3{margin:.83em 0;font-size:1.5em}#notice div.notice-action{justify-content:center;display:flex}#notice div.notice-action button{color:#fefefe;background:#222;border:none;border-radius:10px;width:50%;height:50px;padding:5px 10px;font-size:20px;position:relative;overflow:hidden}#notice div.notice-action button:active:after{content:"";background:#00000080;position:absolute;inset:0}@media screen and (width<=750px){#settings{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));min-width:0;max-width:none;max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));opacity:1;visibility:visible;backdrop-filter:none;background:#393d48;width:auto;padding:14px;transition:visibility,opacity 1s linear;display:block;overflow:hidden auto}#settings.hide{opacity:0;visibility:hidden}#settings .btn-toggle-settings{cursor:pointer;justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;margin-bottom:8px;font-size:11pt;display:flex}#settings .btn-toggle-settings .toggle-arrow{font-style:normal}#settings .collapsible-rows.collapsed{display:none}#settings textarea{min-height:96px;max-height:30dvh;font-size:16px}#settings div.right div.row{border-bottom:1px solid #555;height:auto;padding:.5rem 0;display:block}#settings div.right div.row label{width:100%;margin-bottom:.5rem;padding-left:0;display:block}#settings div.right div.row.row-toggles{flex-wrap:wrap;display:flex}#settings div.right div.row.row-toggles .toggle-item{flex-direction:column;align-items:start;width:50%;display:flex}#settings div.right div.row.row-toggles label{order:0;margin-bottom:.3rem}#settings div.right div.row.row-toggles input[type=checkbox]{order:1}#settings div.right div.row.row-theme{display:none}#settings div.right div.row .icon{width:15px;height:15px}#settings .actions{margin-top:10px}#settings .actions button{min-height:48px}#settings .actions #btnShuffle,#settings .actions #btnShare,#settings .actions #btnStart{flex:1;justify-content:center}#settings .input-meta{flex-wrap:wrap;gap:4px 12px}#notice{box-sizing:border-box;z-index:1001;color:#333;background:#ffffffe6;border-radius:4px;flex-direction:column;width:100%;max-width:100%;height:100%;padding:5px 10px;display:none;position:fixed;top:0;left:0;transform:none}#notice div.notice-body{flex-grow:1}}@media screen and (width<=750px) and (height<=520px){#settings{bottom:calc(8px + env(safe-area-inset-bottom));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#settings textarea{min-height:64px;max-height:22dvh}}div.toast{z-index:1000;background:#ccc;border-radius:4px;padding:8px;animation:.2s linear fade-in,.2s linear 1s reverse fade-in;position:fixed;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.link_donation{color:#fff;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000,0 -2px #000;background:repeating-linear-gradient(45deg,#fa0,#fa0 20px,#222 20px 40px);border-radius:.5em;justify-content:center;align-items:center;width:100%;margin-bottom:1em;padding:1em;font-size:1.5em;font-weight:700;text-decoration:none;display:flex}.shop-button{color:#fff;flex-direction:row;justify-content:center;align-items:center;width:fit-content;margin:0 auto;padding:.2em .4em .4em;font-size:32px;font-weight:700;line-height:48px;text-decoration:none;display:flex}.shop-button img{width:48px;height:48px;margin-bottom:-4px;margin-right:.2em}.shop-button{background-color:#07f;border:2px solid #000;border-radius:10px}