.W8jYkG_page{--lavender:#d8d0e9;--ink:#25212c;background:var(--lavender);color:var(--ink);min-height:100vh;padding:0 clamp(16px,4.45vw,64px);font-family:WrongTurn,WrongTurnKR,Arial,sans-serif;font-size:18px;line-height:1.55;overflow:hidden}.W8jYkG_page *{box-sizing:border-box}.W8jYkG_page button,.W8jYkG_page input,.W8jYkG_page select{font:inherit;color:inherit}.W8jYkG_page button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.W8jYkG_page button:disabled{opacity:.42;cursor:not-allowed}.W8jYkG_page button:focus-visible,.W8jYkG_page a:focus-visible,.W8jYkG_page input:focus-visible,.W8jYkG_board:focus-visible,.W8jYkG_page summary:focus-visible{outline-offset:4px;outline:2px solid #25212c;box-shadow:0 0 0 6px #f4dc72}.W8jYkG_page svg{stroke-width:1.7px;width:20px;height:20px}.W8jYkG_page a{color:inherit;text-decoration:none}.W8jYkG_page h1,.W8jYkG_page h2,.W8jYkG_page p{margin:0}.W8jYkG_skip{z-index:20;background:#25212c;padding:14px;position:absolute;top:-100px;left:16px;color:#fff!important}.W8jYkG_skip:focus{top:10px}.W8jYkG_header{justify-content:space-between;align-items:center;gap:20px;height:80px;display:flex}.W8jYkG_brand{letter-spacing:-.5px;white-space:nowrap;font-size:20px;font-weight:800}.W8jYkG_header nav{align-items:center;gap:16px;display:flex}.W8jYkG_header nav button{font-size:16px;font-weight:400}.W8jYkG_header nav i{font-style:normal}.W8jYkG_sound{font-size:13px!important;font-weight:400!important}.W8jYkG_workbench{padding-bottom:34px;scroll-margin-top:0;position:relative}.W8jYkG_workbench h1{text-align:center;letter-spacing:-.6px;z-index:1;pointer-events:none;width:100%;font-size:clamp(18px,2vw,28px);font-weight:600;position:absolute;top:24px}.W8jYkG_board{-webkit-user-select:none;user-select:none;outline:none;width:100%;height:clamp(570px,60vw,900px);position:relative}.W8jYkG_board canvas{opacity:0;width:100%;height:100%;display:block}.W8jYkG_board canvas.W8jYkG_ready{opacity:1}.W8jYkG_playingBoard{touch-action:none}.W8jYkG_loading{font-size:15px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.W8jYkG_fallback{background:#d8d0ed;max-width:80%;padding:8px;font-size:13px;position:absolute;bottom:12px;left:12px}.W8jYkG_fallback button{min-height:40px;font-size:12px;text-decoration:underline}.W8jYkG_page .W8jYkG_flat{width:100%;height:100%;position:absolute;inset:0}.W8jYkG_dock{z-index:2;width:270px;position:absolute;top:clamp(380px,38vw,580px);right:0}.W8jYkG_parts{gap:12px;display:flex}.W8jYkG_parts button{flex-direction:column;flex:1;gap:8px;min-width:0;padding:3px 0 0;display:flex;position:relative}.W8jYkG_parts small{background:#beb3d3;border-radius:50%;width:18px;height:18px;font-size:12px;position:absolute;top:-6px;left:0}.W8jYkG_parts b{letter-spacing:.03em;font-size:11px;font-weight:500}.W8jYkG_partIcon{border:1px solid #a79bbd;border-radius:10px;width:100%;height:68px;display:block;position:relative}.W8jYkG_parts button[aria-pressed=true] .W8jYkG_partIcon{background:#c9bfdc;border:2px solid #25212c}.W8jYkG_partIcon:before{content:"";background:var(--part-color);border-top:3px solid #ffffff40;border-right:3px solid #00000025;border-radius:2px;width:54%;height:12px;position:absolute;top:42%;left:25%;transform:rotate(-18deg);box-shadow:3px 6px 5px #53416140}.W8jYkG_gate:before{border:8px solid var(--part-color);background:0 0;border-bottom:0;width:35px;height:27px;top:20px;left:calc(50% - 18px);transform:none}.W8jYkG_bumper:before{border-radius:50%;width:25px;height:21px;top:22px;left:calc(50% - 12px);transform:none}.W8jYkG_rotate{border-top:1px solid #a89dbb;align-items:center;gap:5px;margin-top:16px;padding-top:9px;display:flex}.W8jYkG_rotate span{margin-right:5px;font-size:12px}.W8jYkG_rotate button{min-width:38px;min-height:42px;padding:4px;font-size:11px}.W8jYkG_rotate button:nth-child(2),.W8jYkG_rotate button:nth-child(3){border:1px solid #a79bbd;border-radius:8px}.W8jYkG_rotate svg{width:17px}.W8jYkG_palette{gap:12px;margin-top:12px;display:flex}.W8jYkG_palette button{border:2px solid #d8d0e9;border-radius:50%;width:22px;height:22px;min-height:22px;padding:0;box-shadow:0 0 0 1px #84758b}.W8jYkG_palette:has(button:focus-visible){padding:6px}.W8jYkG_confirmPlace{gap:10px;margin-top:8px;display:flex}.W8jYkG_confirmPlace button{color:#fff;background:#25212c;border-radius:6px;padding:10px}.W8jYkG_mainAction{z-index:2;justify-content:center;gap:12px;margin-top:-50px;display:flex;position:relative}.W8jYkG_page .W8jYkG_primary{color:#fff;letter-spacing:.02em;background:#25212c;border:1px solid #25212c;border-radius:36px;min-height:56px;padding:16px 30px;font-weight:700}.W8jYkG_page .W8jYkG_outline{border:1px solid #a194b5;border-radius:36px;min-height:56px;padding:16px 26px;font-weight:700}.W8jYkG_status{letter-spacing:.06em;justify-content:space-between;align-items:center;margin-top:22px;font-size:11px;display:flex}.W8jYkG_status button{min-height:36px;font-size:11px}.W8jYkG_status svg{width:16px}.W8jYkG_notice{color:#493d57;min-height:24px;font-size:13px;margin:5px 0 0!important}.W8jYkG_dpad{justify-content:center;align-items:center;gap:8px;margin:20px 0 10px;display:flex}.W8jYkG_dpad button{border:1px solid #a79bbd;border-radius:8px;min-width:48px}.W8jYkG_dpad button:active{background:#beb0d4}.W8jYkG_dpad label{align-items:center;gap:7px;margin-left:12px;font-size:12px;display:flex}.W8jYkG_dpad input{accent-color:#25212c}.W8jYkG_partList{border-top:1px solid #b1a6c3;margin-top:15px;padding:12px 0;font-size:13px}.W8jYkG_partList summary{cursor:pointer;min-height:40px;padding:8px}.W8jYkG_listTools{gap:20px;display:flex}.W8jYkG_listTools button{font-size:12px}.W8jYkG_partRow{border-bottom:1px solid #bbb0cb;align-items:center;gap:12px;padding:5px 0;display:flex}.W8jYkG_partRow>button:first-child{justify-content:flex-start;width:140px;font-size:12px}.W8jYkG_partRow label{align-items:center;gap:8px;display:flex}.W8jYkG_partRow input{background:0 0;border:1px solid #b1a6c3;border-radius:4px;width:75px;min-height:40px;padding:7px;font-size:13px}.W8jYkG_partRow svg{width:16px}.W8jYkG_partRow>button{min-height:44px}.W8jYkG_chapter{border-top:1px solid #a99ebb;align-items:flex-start;gap:38px;padding:32px 0 24px;display:flex}.W8jYkG_chapter>span{font-size:20px;font-weight:600;line-height:1.5}.W8jYkG_chapter h2{letter-spacing:-1px;font-size:clamp(24px,3.1vw,42px);font-weight:700;line-height:1.15}.W8jYkG_chapter p{margin-top:10px;font-size:18px}.W8jYkG_macro{height:clamp(440px,52vw,720px);margin:0 calc(-1*clamp(16px,4.45vw,64px));position:relative;overflow:hidden}.W8jYkG_macro .W8jYkG_board{height:100%}.W8jYkG_tiltInstructions{white-space:nowrap;gap:20px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.W8jYkG_tiltInstructions button{background:#d8d0e9d9;border:1px solid #94869f;border-radius:18px;min-height:56px;padding:16px 28px;font-size:14px}.W8jYkG_result .W8jYkG_board{height:clamp(430px,51vw,750px)}.W8jYkG_replay{align-items:center;gap:35px;display:flex}.W8jYkG_replay button{white-space:nowrap;font-size:13px}.W8jYkG_replay input{accent-color:#25212c;flex:1;min-width:20px;height:32px}.W8jYkG_replayHint{color:#574b63;min-height:25px;font-size:12px;margin-top:8px!important}.W8jYkG_save{text-align:center;border-top:1px solid #a99ebb;margin-top:38px;padding:50px 0 40px}.W8jYkG_save h2{letter-spacing:-2px;font-size:clamp(32px,5vw,64px);font-weight:800;line-height:1.1}.W8jYkG_save>p{margin-top:12px;font-size:16px}.W8jYkG_save>div{justify-content:center;gap:16px;margin-top:28px;display:flex}.W8jYkG_save>p:last-child{min-height:25px;font-size:13px}.W8jYkG_manual{text-align:left;max-width:700px;margin:24px auto;font-size:13px;display:block}.W8jYkG_manual input{background:#e3dced;border:1px solid #9588a3;border-radius:6px;width:100%;margin-top:8px;padding:10px;font-size:12px;display:block}.W8jYkG_footer{border-top:1px solid #a99ebb;align-items:center;gap:28px;padding:18px 0 30px;display:flex}.W8jYkG_footer .W8jYkG_brand{font-size:16px}.W8jYkG_footer>span{font-size:12px}.W8jYkG_footer nav{gap:20px;margin-left:auto;display:flex}.W8jYkG_footer button{font-size:12px;font-weight:400}.W8jYkG_modalBackdrop{z-index:50;background:#25212c55;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.W8jYkG_modal{background:#e3dcec;border-radius:10px;max-width:580px;max-height:85vh;padding:40px;position:relative;overflow:auto;box-shadow:0 10px 40px #25212c25}.W8jYkG_modal h2{font-size:26px}.W8jYkG_modal p{margin:16px 0;font-size:16px}.W8jYkG_modal a{font-size:14px;text-decoration:underline}.W8jYkG_modal .W8jYkG_primary,.W8jYkG_modal .W8jYkG_outline{margin:8px 8px 0 0;padding:12px 18px;font-size:13px}.W8jYkG_modal .W8jYkG_close{width:48px;position:absolute;top:5px;right:5px}@media (max-width:1023px){.W8jYkG_dock{width:235px;top:380px}.W8jYkG_header nav{gap:8px}.W8jYkG_header nav button{font-size:14px}.W8jYkG_board{height:670px}.W8jYkG_mainAction{margin-top:-25px}.W8jYkG_chapter{gap:25px}.W8jYkG_parts{gap:9px}}@media (max-width:767px){.W8jYkG_page{padding:0 16px;font-size:16px}.W8jYkG_header{flex-wrap:wrap;gap:0;height:100px;padding:12px 0}.W8jYkG_header .W8jYkG_brand{font-size:18px}.W8jYkG_header nav{order:3;justify-content:center;gap:20px;width:100%}.W8jYkG_header nav button{min-height:38px;font-size:14px}.W8jYkG_sound{min-height:38px!important;font-size:12px!important}.W8jYkG_sound svg{width:17px}.W8jYkG_workbench h1{font-size:19px;top:6px}.W8jYkG_workbench .W8jYkG_board{width:calc(100% + 32px);height:610px;margin:0 -16px}.W8jYkG_dock{width:100%;max-width:320px;margin:-5px auto 25px;position:relative;top:auto;right:auto}.W8jYkG_partIcon{height:65px}.W8jYkG_parts button{gap:7px}.W8jYkG_parts b{font-size:12px}.W8jYkG_rotate{justify-content:center}.W8jYkG_rotate button{min-width:45px;min-height:48px}.W8jYkG_palette{justify-content:center;gap:15px}.W8jYkG_palette button{width:32px;height:32px;min-height:32px}.W8jYkG_mainAction{flex-wrap:wrap;margin-top:0}.W8jYkG_page .W8jYkG_primary,.W8jYkG_page .W8jYkG_outline{min-height:52px;padding:15px 22px;font-size:13px}.W8jYkG_status{gap:10px;margin-top:18px;font-size:10px}.W8jYkG_status button{font-size:10px}.W8jYkG_notice{min-height:42px;font-size:12px}.W8jYkG_dpad{z-index:5;background:#d8d0eeed;border-radius:8px;gap:6px;padding:10px 0;position:sticky;bottom:10px}.W8jYkG_dpad button{min-width:44px;min-height:48px}.W8jYkG_dpad label{gap:3px;margin-left:4px;font-size:11px}.W8jYkG_chapter{gap:18px;padding:25px 0 20px}.W8jYkG_chapter>span{font-size:17px}.W8jYkG_chapter h2{letter-spacing:-.6px;font-size:24px}.W8jYkG_chapter p{font-size:15px}.W8jYkG_macro{height:450px;margin:0 -16px}.W8jYkG_macro .W8jYkG_board{height:100%}.W8jYkG_tiltInstructions{gap:10px;bottom:20px}.W8jYkG_tiltInstructions button{border-radius:12px;min-height:48px;padding:12px 18px;font-size:12px}.W8jYkG_result .W8jYkG_board{width:calc(100% + 32px);height:550px;margin:0 -16px}.W8jYkG_replay{gap:10px}.W8jYkG_replay button{gap:6px;font-size:11px}.W8jYkG_replay svg{width:17px}.W8jYkG_replayHint{font-size:11px}.W8jYkG_save{margin-top:25px;padding:35px 0 20px}.W8jYkG_save h2{letter-spacing:-1px;font-size:36px}.W8jYkG_save>p{font-size:14px}.W8jYkG_save>div{flex-direction:column;align-items:center;gap:12px;margin-top:24px}.W8jYkG_save>div button{width:260px}.W8jYkG_footer{flex-wrap:wrap;gap:10px;padding:20px 0}.W8jYkG_footer .W8jYkG_brand{font-size:14px}.W8jYkG_footer>span{font-size:11px}.W8jYkG_footer nav{justify-content:center;gap:24px;width:100%}.W8jYkG_partRow{flex-wrap:wrap;gap:6px}.W8jYkG_partRow>button:first-child{width:100px;font-size:10px}.W8jYkG_partRow input{width:55px}.W8jYkG_partRow label{gap:3px;font-size:11px}.W8jYkG_partRow>button{min-width:40px}.W8jYkG_modal{padding:30px 24px}.W8jYkG_modal p{font-size:14px}}@media (prefers-reduced-motion:no-preference){.W8jYkG_page button{transition:background-color .12s ease-out,box-shadow .12s ease-out}.W8jYkG_page .W8jYkG_primary:hover:not(:disabled){background:#393046}.W8jYkG_page .W8jYkG_outline:hover:not(:disabled){background:#cec2df}}.W8jYkG_palette button{width:40px;height:48px;min-height:48px;box-shadow:none;background:radial-gradient(circle, var(--swatch) 10px, transparent 11px);border:0;border-radius:8px}.W8jYkG_palette{gap:5px}.W8jYkG_palette button[aria-pressed=true]{transform:none;box-shadow:inset 0 0 0 1px #25212c}.W8jYkG_rotate button{min-width:40px;min-height:48px}.W8jYkG_workbench>.W8jYkG_board{height:clamp(570px,100svh - 130px,800px)}.W8jYkG_palette button{background:0 0;position:relative}.W8jYkG_palette button:before{content:"";background:var(--swatch);border-radius:50%;width:22px;height:22px}@media (max-width:767px){.W8jYkG_workbench>.W8jYkG_board{height:610px}.W8jYkG_palette button{width:40px;height:48px;min-height:48px}.W8jYkG_palette{gap:10px}}@media (min-width:768px) and (max-width:1023px){.W8jYkG_dock{width:270px;margin:0 auto 32px;position:relative;top:auto}.W8jYkG_mainAction{margin-top:0}}@media (max-width:767px){.W8jYkG_dock{top:auto}}.W8jYkG_mainAction{pointer-events:none}.W8jYkG_mainAction button{pointer-events:auto}.W8jYkG_page h1,.W8jYkG_page h2,.W8jYkG_page button,.W8jYkG_page input,.W8jYkG_page summary{font-family:WrongTurn,WrongTurnKR,Arial,sans-serif}.W8jYkG_parts b,.W8jYkG_rotate span,.W8jYkG_rotate button,.W8jYkG_status,.W8jYkG_status button,.W8jYkG_partList,.W8jYkG_listTools button,.W8jYkG_partRow>button:first-child,.W8jYkG_partRow input,.W8jYkG_replay button,.W8jYkG_replayHint,.W8jYkG_notice,.W8jYkG_footer>span,.W8jYkG_footer button{font-size:16px}.W8jYkG_partRow input{min-height:48px}.W8jYkG_sound{font-size:16px!important}.W8jYkG_rotate{gap:4px}.W8jYkG_rotate span{margin-right:0}.W8jYkG_rotate button{font-size:13px}.W8jYkG_parts b{font-size:14px}.W8jYkG_header{height:64px}@media (max-width:767px){.W8jYkG_header{height:100px}.W8jYkG_sound{font-size:14px!important}.W8jYkG_notice,.W8jYkG_status,.W8jYkG_status button,.W8jYkG_footer button,.W8jYkG_footer>span{font-size:14px}.W8jYkG_partRow input{font-size:16px}.W8jYkG_replay button{font-size:13px}}.W8jYkG_dock{top:calc(clamp(570px,100svh - 130px,800px) - 260px)}@media (max-width:1023px){.W8jYkG_dock{top:auto}}
