:root{color:#e8e4d8;background:#06080c;font-family:Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}#game-root{width:100vw;height:100vh;display:grid;place-items:center;background:#020307;position:relative}#game-root:fullscreen,#game-root:-webkit-full-screen{width:100%;height:100%}#stage{position:relative;width:800px;height:600px;transform-origin:center center;box-shadow:0 0 0 1px #ffffff14;overflow:hidden}#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#000}#overlay canvas.destiny-msg,#overlay canvas.destiny-del-char{image-rendering:pixelated}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#overlay .game-cursor-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}#stage.use-game-cursor,#stage.use-game-cursor *{cursor:none!important}#overlay .field,#overlay .btn,#overlay .hit,#overlay .panel,#overlay .lang-select,#overlay .login-form{pointer-events:auto;position:absolute}#overlay input{width:100%;height:100%;border:none;outline:none;background:#00000059;color:#f2f2f2;font:600 14px/1.2 Segoe UI,Tahoma,sans-serif;padding:0 8px}#overlay .login-form{z-index:2;display:flex;flex-direction:column;gap:10px;padding:18px 20px 11px;box-sizing:border-box;border-radius:16px;border:1px solid rgba(186,198,214,.55);background:linear-gradient(180deg,#0c16267a,#080e1a8c);box-shadow:inset 0 1px #dce6f52e,inset 0 -1px #00000059,0 8px 28px #00000059}#overlay .login-form-row{display:grid;grid-template-columns:108px 1fr;gap:8px;align-items:stretch}#overlay .login-form-row[hidden]{display:none!important}#overlay .login-form-label,#overlay .login-form-btn{display:flex;align-items:center;justify-content:center;margin:0;border-radius:2px;border:1px solid rgba(190,204,220,.55);background:linear-gradient(180deg,#1c2a40f2,#0a101cfa);box-shadow:inset 0 1px #e6eefa38,inset 0 -1px #00000073;color:#e8eef6;font:700 13px/1 Segoe UI,Tahoma,sans-serif;letter-spacing:.06em;text-transform:uppercase}#overlay .login-form-label{min-height:28px;-webkit-user-select:none;user-select:none}#overlay .login-form-input{height:28px!important;border-radius:2px;border:1px solid rgba(190,204,220,.5);background:linear-gradient(180deg,#040810eb,#0e1624e0);box-shadow:inset 0 1px #ffffff14,inset 0 2px 4px #00000073;color:#e8eef6;font:600 15px/1.2 Segoe UI,Tahoma,sans-serif;padding:0 8px;caret-color:#e8eef6}#overlay .login-form-input:focus{border-color:#d2deeebf;outline:none}#overlay .login-form-select{position:relative;display:flex;align-items:center;width:100%;padding-right:28px;box-sizing:border-box;background-image:linear-gradient(180deg,#040810eb,#0e1624e0),linear-gradient(45deg,transparent 50%,rgba(200,214,230,.75) 50%),linear-gradient(135deg,rgba(200,214,230,.75) 50%,transparent 50%);background-position:0 0,calc(100% - 14px) 11px,calc(100% - 8px) 11px;background-size:auto,6px 6px,6px 6px;background-repeat:no-repeat;font:600 15px/1.2 Segoe UI,Tahoma,Apple SD Gothic Neo,Noto Sans KR,Microsoft YaHei,Hiragino Sans,sans-serif;-webkit-user-select:none;user-select:none}#overlay .login-form-select:hover,#overlay .login-form-select:focus,#overlay .login-form-select.is-open{border-color:#d2deeebf;outline:none}#overlay .login-form-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#overlay .login-form-select-menu{position:absolute;left:-1px;right:-1px;top:auto;bottom:calc(100% + 2px);margin:0;padding:2px 0;list-style:none;z-index:6;border-radius:2px;border:1px solid rgba(190,204,220,.55);background:linear-gradient(180deg,#0c1422fa,#060a12fa);box-shadow:0 8px 20px #00000073}#overlay .login-form-select-menu[hidden]{display:none}#overlay .login-form-select-option{display:block;width:100%;margin:0;padding:6px 8px;border:0;background:transparent;color:#e8eef6;font:inherit;text-align:left}#overlay .login-form-select-option:hover,#overlay .login-form-select-option.is-selected{background:#46648c73}#overlay .login-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-left:116px}#overlay .login-form-btn{height:28px;cursor:pointer;padding:0}#overlay .login-form-btn:hover:not(:disabled){border-color:#dce6f5cc;background:linear-gradient(180deg,#283c5cfa,#101a2c)}#overlay .login-form-btn:active:not(:disabled){background:linear-gradient(180deg,#0a101c,#1c2a40f2);box-shadow:inset 0 2px 4px #0000008c}#overlay .login-form-btn:disabled{opacity:.4;cursor:not-allowed;color:#e8eef68c}#overlay .field:has(>.classic-input){display:flex;align-items:flex-start}#overlay input.classic-input{background:transparent;color:#dde6ce;font:13px/13px MS Mincho,Yu Mincho,Times New Roman,Palatino Linotype,serif;padding:0;margin:0;height:13px!important;caret-color:#dde6ce}#overlay input::placeholder{color:#e6e6e673}#overlay .hit{cursor:pointer;border:1px solid rgba(240,230,200,.35);background:#141c288c;color:#f5f0e4;font:600 14px/1.2 Segoe UI,Tahoma,sans-serif;padding:0}#overlay .hit:hover{background:#283c5abf;border-color:#f0e6c8b3}#overlay .hit.ghost{border-color:transparent;background:transparent;color:transparent}#overlay .hit.ghost:hover{background:#ffffff14;border-color:#ffffff26}#overlay .hit.ghost.option:hover{background:transparent;border-color:transparent}#overlay .hit.ghost.playfield,#overlay .hit.ghost.playfield:hover{cursor:none;background:transparent;border-color:transparent}#overlay .destiny-script-dialog,#overlay .destiny-script-dialog:hover{cursor:none!important}#overlay .hit.ghost.playfield:focus,#overlay .hit.ghost.playfield:focus-visible{outline:none;box-shadow:none}#chrome{position:absolute;right:.75rem;bottom:.75rem;display:flex;gap:.6rem;align-items:center;z-index:5}#fps-gauge{position:absolute;top:.75rem;right:.75rem;z-index:5;min-width:5.5rem;padding:.35rem .55rem;border:1px solid rgba(220,230,245,.28);border-radius:8px;background:#0a0e168c;color:#b4ffa0e6;font:600 12px/1.2 ui-monospace,Cascadia Mono,Menlo,monospace;letter-spacing:.02em;opacity:.75;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}#fps-gauge[hidden]{display:none}#chrome .chrome-icon-btn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(220,230,245,.28);border-radius:8px;background:#0a0e1659;color:#ecf2fab8;cursor:pointer;opacity:.55;transition:opacity .15s ease,background .15s ease,color .15s ease}#chrome .chrome-icon-btn:hover{opacity:.9;background:#1016228c;color:#f5f8fff2}#chrome .chrome-icon-btn .fs-icon[hidden]{display:none}#game-root:fullscreen #chrome .chrome-icon-btn,#game-root:-webkit-full-screen #chrome .chrome-icon-btn{opacity:.45}#overlay .lang-select{display:flex;flex-direction:column;gap:4px;z-index:2}#overlay .lang-select-label{color:#f2ecdcd9;font:600 11px/1.2 Segoe UI,Tahoma,sans-serif;letter-spacing:.04em;text-transform:uppercase}#overlay .lang-select-control{width:100%;height:28px;border:1px solid rgba(240,230,200,.4);border-radius:2px;background:#080a10d1;color:#f2eee4;font:600 13px/1.2 Segoe UI,Tahoma,Apple SD Gothic Neo,Noto Sans KR,Microsoft YaHei,Hiragino Sans,sans-serif;padding:0 6px;outline:none;cursor:pointer}#overlay .lang-select-control:hover,#overlay .lang-select-control:focus{border-color:#f0e6c8bf;background:#101622e6}#overlay .select-html{position:absolute;left:0;top:0;width:800px;height:600px;transform-origin:0 0;pointer-events:none;z-index:1;--select-gold: #c9b87a;--select-gold-bright: #e8d9a0;--select-name-label: #f4f0ec;--select-cream: #f2ecd4;--select-well-border: #d0ccc0;--select-panel: rgba(74, 51, 41, .42);--select-panel-sel: rgba(96, 64, 48, .72);font-family:var( --select-menu-face, "Cinzel", "Times New Roman", Palatino, serif )}#overlay .select-html .select-slot,#overlay .select-html .select-btn{pointer-events:auto}#overlay .select-preview-frame{position:absolute;box-sizing:border-box;border:1px solid rgba(200,198,186,.65);background:transparent;box-shadow:inset 0 0 0 1px #18141066;pointer-events:none}#overlay .select-html .select-slot.hit.ghost{margin:0;padding:0;border:1px solid var(--select-gold);border-radius:0;background:var(--select-panel);box-shadow:inset 0 0 0 1px #0c080466;overflow:hidden;cursor:pointer;color:inherit;font:inherit}#overlay .select-html .select-slot.hit.ghost.is-selected{border-color:var(--select-gold-bright);background:var(--select-panel-sel);z-index:2;box-shadow:inset 0 0 0 1px #dcbe7838,-2px 3px #0000008c,-1px 5px 8px #00000073,0 0 10px #e8d9a02e}#overlay .select-html .select-slot.hit.ghost:hover:not(.is-selected){background:#4a332980;border-color:var(--select-gold-bright)}#overlay .select-slot-label{position:absolute;color:var(--select-gold);font-family:var(--select-label-face, "Cinzel", "Times New Roman", serif);font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.85);pointer-events:none;-webkit-user-select:none;user-select:none}#overlay .select-slot-label[data-label=name]{color:var(--select-name-label);text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 3px rgba(255,250,240,.35)}#overlay .select-slot-well{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:1px 2px;background:#000;border:1px solid var(--select-well-border);pointer-events:none;overflow:hidden}#overlay .select-slot-value{display:block;width:100%;min-width:0;font-family:var( --select-value-face, "MS Mincho", "Yu Mincho", "Hiragino Mincho ProN", "Songti SC", "STSong", serif );font-size:11px;font-weight:400;font-style:normal;line-height:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8d9a8;text-shadow:0 1px 0 rgba(0,0,0,.9);pointer-events:none;-webkit-user-select:none;user-select:none}#overlay .select-btn-bar{position:absolute;box-sizing:border-box;border:1px solid var(--select-gold-bright);background:#080604e0;box-shadow:inset 0 0 0 1px #00000080,0 0 5px #e8d9a073,0 0 12px #c9b87a47;pointer-events:none}#overlay .select-btn-rule{position:absolute;top:0;bottom:0;width:1px;background:var(--select-gold-bright);box-shadow:0 0 4px #e8d9a066;opacity:.95;pointer-events:none}#overlay .select-html .select-btn.hit.ghost{position:absolute;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--select-cream);font-family:inherit;font-size:22px;font-weight:600;letter-spacing:.06em;text-shadow:0 1px 1px rgba(0,0,0,.95);cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto}#overlay .select-btn-ok{text-transform:none;letter-spacing:.04em}#overlay .select-btn-mid,#overlay .select-btn-back{text-transform:uppercase}#overlay .select-btn-stack{flex-direction:column;gap:1px;font-size:15px;letter-spacing:.05em;line-height:1.05}#overlay .select-btn-mid:not(.select-btn-stack){font-size:15px;letter-spacing:.05em}#overlay .select-html[data-lang=ch] .select-slot-label,#overlay .select-html[data-lang=kr] .select-slot-label,#overlay .select-html[data-lang=jp] .select-slot-label,#overlay .select-html[data-lang=th] .select-slot-label{letter-spacing:0;text-transform:none;font-weight:400;font-size:12px}#overlay .select-html[data-lang=ch] .select-slot-label{font-size:12px;font-weight:400}#overlay .select-html[data-lang=ch] .select-slot-label[data-label=name]{font-size:13px;font-weight:500}#overlay .select-html[data-lang=ch] .select-slot-value{font-family:var( --select-value-face, "Noto Serif TC", "PMingLiU", "MingLiU", "Songti TC", serif );font-size:12px;font-weight:400}#overlay .select-html[data-lang=ch] .select-btn.hit.ghost,#overlay .select-html[data-lang=kr] .select-btn.hit.ghost,#overlay .select-html[data-lang=jp] .select-btn.hit.ghost,#overlay .select-html[data-lang=th] .select-btn.hit.ghost{letter-spacing:.02em;text-transform:none;font-size:20px}#overlay .select-html[data-lang=ch] .select-btn-stack,#overlay .select-html[data-lang=kr] .select-btn-stack,#overlay .select-html[data-lang=jp] .select-btn-stack,#overlay .select-html[data-lang=th] .select-btn-stack,#overlay .select-html[data-lang=ch] .select-btn-mid:not(.select-btn-stack),#overlay .select-html[data-lang=kr] .select-btn-mid:not(.select-btn-stack),#overlay .select-html[data-lang=jp] .select-btn-mid:not(.select-btn-stack),#overlay .select-html[data-lang=th] .select-btn-mid:not(.select-btn-stack){font-size:16px;letter-spacing:.02em}#overlay .select-html .select-btn.hit.ghost:hover,#overlay .select-html .select-btn.hit.ghost.is-hover{color:#fffaf0;background:#46301c66;border-color:transparent;text-shadow:0 0 4px rgba(255,236,170,.55),0 1px 1px rgba(0,0,0,.95)}
