:root{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}@media (prefers-color-scheme: dark){:root{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}}:root body{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}:root body.dark-mode{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}.page-pinball{max-width:600px;margin:0 auto 20px;height:calc(100vh - 130px)}.page-pinball button:disabled{cursor:not-allowed;opacity:.5;background-color:#aaa!important}.page-pinball .game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.page-pinball .game-canvas.debug,.page-pinball .game-canvas.playing{opacity:1}.page-pinball .add-check{display:flex;align-items:center;justify-content:flex-end}.page-pinball .add-check .check{display:inline-flex;align-items:center;justify-content:center}.page-pinball .add-check .check span{font-size:14px;color:var(--typo5);margin-left:4px}.page-pinball .ready-container{width:100%;box-sizing:border-box}@media (max-width: 550px){.page-pinball .ready-container{padding-top:10px}}.page-pinball .ready-container .visual{display:flex;align-items:center;text-align:center;justify-content:center;margin-bottom:30px}@media (max-width: 550px){.page-pinball .ready-container .visual{justify-content:flex-start;margin-bottom:20px}}.page-pinball .ready-container .visual .emoji{font-size:60px;line-height:1;margin-right:10px}@media (max-width: 550px){.page-pinball .ready-container .visual .emoji{font-size:40px}}.page-pinball .ready-container .visual h2{font-size:30px;font-weight:700}@media (max-width: 550px){.page-pinball .ready-container .visual h2{font-size:22px}}.page-pinball .ready-container .menu-set{background:#e6e6fa;padding:16px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;margin-top:8px}.page-pinball .ready-container .menu-set .menus{max-height:200px;overflow-y:auto;flex:1;margin-right:10px}.page-pinball .ready-container .menu-set .menus span{display:inline-flex;font-weight:600;font-size:14px;background:#fff;color:#000;border-radius:18px;padding:6px 9px;margin:4px}@media (max-width: 550px){.page-pinball .ready-container .menu-set .menus span{padding:4px 7px;font-size:12px;margin:3px}}.page-pinball .ready-container .menu-set button{flex-shrink:0}.page-pinball .ready-container .game-btn{display:flex;align-items:center;justify-content:center;margin-top:10px}.page-pinball .ready-container .game-btn button{width:100%}.page-pinball .ready-container .game-start{padding:12px;border-radius:30px;font-weight:700;font-size:18px;color:#fff;border:0;background:#4d58bc;min-width:250px}@media (max-width: 550px){.page-pinball .ready-container .game-start{width:100%;margin-top:10px}}.page-pinball .quick-chips{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap;justify-content:center}@media (max-width: 550px){.page-pinball .quick-chips{gap:5px;margin:10px 0}}.page-pinball .quick-chips .chip-button{padding:8px 14px;border-radius:20px;border:none;background:var(--surface-btn);cursor:pointer;font-size:14px;transition:transform .2s ease;font-weight:500;color:var(--typo1);border:2px solid transparent}@media (max-width: 550px){.page-pinball .quick-chips .chip-button{font-size:12px;padding:8px}}.page-pinball .quick-chips .chip-button.selected{font-weight:600;border:2px solid #4d58bc;color:#000;background:#e6e6fa}.page-pinball .quick-chips .chip-button:active{transform:scale(.95)}.page-pinball .direct-wrap{margin-top:20px}.page-pinball .direct-wrap .guide{font-size:14px;color:#777;margin-top:10px}.page-pinball .inputSection{width:100%;display:flex;justify-content:center;align-items:center;margin:10px 0}.page-pinball .inputSection .menus-input{position:relative;display:flex;flex:1}.page-pinball .inputSection .menus-input input{padding-right:30px;text-overflow:ellipsis}.page-pinball .inputSection .menus-input .btn-clear{position:absolute;top:calc(50% + 2px);transform:translateY(-50%);height:36px;border:0;background:none;width:36px;right:0;color:#333;font-size:24px;font-weight:500;margin-right:8px;cursor:pointer}.page-pinball .btn-direct{padding:8px 10px;background:#666;color:#fff;border-radius:8px;border:0;font-weight:700;display:inline-flex;align-items:center;font-size:15px}.page-pinball .btn-direct svg{margin-left:4px}.page-pinball .nameInput{padding:8px 10px;font-size:15px;flex:1;margin-right:8px;border-radius:8px;color:#000;border:1px solid #ccc}.page-pinball .assignButton{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px 12px;font-size:15px;font-weight:700;background-color:#4d58bc;color:#fff;border:none;cursor:pointer;border-radius:8px}.page-pinball .assignButton.edit{animation:identifier .5s infinite alternate ease-in-out}@keyframes identifier{0%{transform:scale(1)}to{background:#5e69ce;transform:scale(1.02)}}.page-pinball .menuPinball{position:relative;width:100%;height:100%;margin:0 auto;padding:0 20px}.page-pinball .result{position:relative;background-color:#e1deffe6;border-radius:16px;font-size:16px;font-weight:500;text-align:left;padding:20px;width:100%;max-width:500px;text-align:center;margin:10px auto 8px}@media (max-width: 550px){.page-pinball .result{font-size:15px}}.page-pinball .result ul{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}@media (max-width: 550px){.page-pinball .result ul{max-height:230px}}.page-pinball .result ul li{color:#000}.page-pinball .result ul li+li{margin-top:10px}.page-pinball .result ul li:first-child{font-weight:800;font-size:28px;margin-bottom:15px;color:#4d58bc}.page-pinball .result button{margin-top:16px;border:0;padding:12px;min-width:180px;border-radius:30px;font-size:16px;font-weight:600;background-color:#4d58bc;color:#fff}@media (max-width: 550px){.page-pinball .result button{width:100%}}.page-pinball .result-wrap{max-width:500px;margin:16px auto 0}.page-pinball .saveButton{display:flex;justify-content:space-between;align-items:center;align-items:flex-start}.page-pinball .saveButton .btn-area{flex:1;display:flex;justify-content:center;flex-direction:column}.page-pinball .saveButton img{width:120px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;margin-right:10px}.page-pinball .saveButton button{display:flex;align-items:center;justify-content:center;flex:1;border:0;background:#353535;border-radius:10px;padding:12px;color:#fff;font-size:16px;font-weight:700;word-break:keep-all}.page-pinball .saveButton button+button{margin-left:0;margin-top:5px}@media (max-width: 550px){.page-pinball .saveButton button{font-size:15px}}.page-pinball .saveButton button svg{margin-right:5px;font-size:17px;flex-shrink:0}.page-pinball .share-guide{display:flex;align-items:center;margin-top:12px;font-size:14px;font-weight:500}.page-pinball .share-guide .emo{font-size:19px;margin-right:4px}.page-pinball .share-guide svg{margin-right:4px;flex-shrink:0;font-size:18px}.page-pinball .custom-guide{margin:40px 0 20px;padding:0 5px;text-align:center}@media (max-width: 550px){.page-pinball .custom-guide{margin-top:20px}}.page-pinball .custom-guide p{margin-bottom:8px;font-size:14px;color:var(--typo3)}.page-pinball .custom-guide a,.page-pinball .custom-guide button{text-align:center;font-weight:600;font-size:18px;border-radius:8px;border:0}.page-pinball .custom-guide a.point,.page-pinball .custom-guide button.point{color:var(--blue1)!important}.page-pinball .custom-guide .flex-btn{display:flex;align-items:center;justify-content:center}.page-pinball .custom-guide .flex-btn a,.page-pinball .custom-guide .flex-btn button{background:none;color:var(--typo2);padding:12px 10px;text-decoration:underline;text-underline-offset:5px}@media (max-width: 550px){.page-pinball .custom-guide .flex-btn a,.page-pinball .custom-guide .flex-btn button{font-size:16px}}.page-pinball .menu-snackbar{position:fixed;bottom:15px;left:50%;background:rgba(0,0,0,.75);padding:10px 16px;font-size:15px;font-weight:500;border-radius:20px;color:#fff;opacity:0;transform:translate(-50%);transition:.2s;z-index:100}.page-pinball .menu-snackbar.show{opacity:1}