.ctl-key{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:5px;border:1px solid rgb(255 255 255 / .35);border-bottom-width:3px;background:linear-gradient(#2a2640,#17142a);color:#fff;font:600 calc(12px * var(--text-scale, 1))/1 ui-monospace,"SF Mono",Menlo,monospace;box-sizing:border-box}.ctl-key.is-wide{padding:0 9px}.ctl-keys,.ctl-keygroup,.ctl-way{display:inline-flex;align-items:center;gap:4px}.ctl-keys{gap:6px;flex-wrap:wrap}.ctl-or{font-size:calc(12px * var(--text-scale, 1));color:#ffffff73;margin:0 2px}.ctl-what{font-size:calc(12px * var(--text-scale, 1));color:#e6ecffd9}.ctl-mouse{width:16px;height:22px;color:#cfe0ff;flex:none}.ctl-mouse-btn{fill:#cfe0ff26}.ctl-mouse.is-click .ctl-mouse-btn{animation:ctl-click 1.4s steps(1) infinite}.ctl-mouse.is-hold .ctl-mouse-btn{animation:ctl-hold 1.8s ease-in infinite}.ctl-mouse.is-move{animation:ctl-slide 1.8s ease-in-out infinite}@keyframes ctl-click{0%,60%{fill:#cfe0ff26}70%,85%{fill:#ffd23f}}@keyframes ctl-hold{0%{fill:#ffd23f1a}80%{fill:#7dffa6}to{fill:#cfe0ff26}}@keyframes ctl-slide{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}.ctl-touch{width:22px;height:22px;flex:none}.ctl-touch-dot{fill:#ffd8a8}.ctl-touch-ring{stroke:#ffd8a8cc;transform-origin:16px 16px}.ctl-touch.is-tap .ctl-touch-ring{animation:ctl-ripple 1.4s ease-out infinite}.ctl-touch.is-hold .ctl-touch-ring{stroke:#7dffa6;stroke-dasharray:76;animation:ctl-fill 1.8s linear infinite}.ctl-touch.is-swipe .ctl-touch-dot,.ctl-touch.is-drag .ctl-touch-dot{animation:ctl-swipe 1.4s ease-in-out infinite}.ctl-touch.is-swipe .ctl-touch-ring,.ctl-touch.is-drag .ctl-touch-ring{opacity:.3}@keyframes ctl-ripple{0%{transform:scale(.5);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes ctl-fill{0%{stroke-dashoffset:76}85%,to{stroke-dashoffset:0}}@keyframes ctl-swipe{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}.ctl-card{display:grid;gap:6px;width:min(460px,100%);margin:0 auto;padding:9px 12px 10px;border-radius:12px;border:1px solid rgb(255 255 255 / .14);background:#0a0818b8;text-align:left;animation:ctl-in .35s ease-out}.ctl-card-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0;font:10px/1.2 "Press Start 2P",monospace;color:#ffd23f;letter-spacing:.04em}.ctl-card-title span{font:calc(12px * var(--text-scale, 1))/1.2 system-ui,sans-serif;letter-spacing:0;color:#e6ecff80}.ctl-ways{display:grid;gap:6px;justify-items:start}.ctl-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.ctl-row-verb{display:grid;gap:1px;font-size:calc(13px * var(--text-scale, 1));color:#fff}.ctl-row-verb span{font-size:calc(11.5px * var(--text-scale, 1));color:#e6ecff9e}.ctl-card .ctl-row-verb{display:block}.ctl-card .ctl-row-verb span:before{content:" · "}.ctl-card-foot{margin:2px 0 0;font-size:calc(12px * var(--text-scale, 1));color:#e6ecff80}.ctl-card-line{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:2px auto 0;padding:6px 10px;border-radius:999px;border:1px solid rgb(255 255 255 / .1);background:#0a081880;color:#e6ecffbf;font-size:calc(12px * var(--text-scale, 1));cursor:pointer}.ctl-more{color:#ffd23f}@keyframes ctl-in{0%{opacity:0;transform:translateY(6px)}}.ctl-strip{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:8px;pointer-events:none;z-index:3;white-space:nowrap}.ctl-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;border-radius:999px;background:#080614b8;border:1px solid rgb(255 255 255 / .16);color:#fff;font-size:calc(12px * var(--text-scale, 1));transition:opacity .6s ease}.ctl-chip.is-dim{opacity:.25}.ctl-strip:not(.is-dim) .ctl-chip:not(.is-dim){transition-duration:.3s}.ctl-strip.is-pulse .ctl-chip{animation:ctl-pulse .7s ease-out}@keyframes ctl-pulse{0%{box-shadow:0 0 #ffd23fcc;border-color:#ffd23f}to{box-shadow:0 0 0 10px #ffd23f00}}.ctl-chip-verb{font-weight:600}.ctl-chip--help .ctl-key{min-width:18px;height:18px;font-size:calc(12px * var(--text-scale, 1))}.ctl-help-btn{position:absolute;top:36px;left:12px;z-index:6;width:28px;height:28px;border-radius:50%;border:1px solid rgb(255 255 255 / .3);background:#080614b3;color:#fff;font:700 calc(14px * var(--text-scale, 1))/1 system-ui,sans-serif;cursor:pointer;opacity:.55;transition:opacity .2s}.ctl-help-btn:hover,.ctl-help-btn[aria-expanded=true],.ctl-help-btn.is-touch{opacity:1}.ctl-help-btn.is-touch:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.ctl-leave-btn{position:absolute;top:36px;left:48px;z-index:6;display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid rgb(255 255 255 / .3);background:#080614b3;color:#fff;font:600 calc(12px * var(--text-scale, 1))/1 system-ui,sans-serif;cursor:pointer;opacity:.55;transition:opacity .2s}.ctl-leave-btn:hover,.ctl-leave-btn:focus-visible,.ctl-leave-btn.is-touch{opacity:1}.ctl-leave-btn.is-touch:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.ctl-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--gk-edge, 8px) + 52px) 12px 12px}.ctl-overlay.is-live{pointer-events:none}.ctl-overlay.is-live .ctl-panel{pointer-events:auto;background:#0c0a1cfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ctl-overlay.is-paused{background:#04030c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center}.ctl-panel{width:min(520px,100%);max-height:100%;overflow:auto;padding:12px 16px;border-radius:14px;border:1px solid rgb(255 255 255 / .18);background:#0c0a1cf0;box-shadow:0 16px 50px -20px #000;animation:ctl-in .2s ease-out}.ctl-panel-head{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:calc(14px * var(--text-scale, 1));color:#fff}.ctl-state{font-size:calc(12px * var(--text-scale, 1));color:#e6ecff99}.ctl-state.is-paused{color:#ffd23f}.ctl-close{margin-left:auto;width:28px;height:28px;border-radius:50%;border:1px solid rgb(255 255 255 / .25);background:transparent;color:#fff;font-size:calc(18px * var(--text-scale, 1));line-height:1;cursor:pointer}.ctl-panel-rows{display:grid;gap:10px}.ctl-options-btn{display:inline-grid;place-items:center;padding:0}.ctl-options-btn>svg{display:block}.ctl-resume{display:inline-flex;align-items:center;gap:6px;margin-left:auto;min-height:36px;padding:0 14px;border:1px solid rgb(94 242 255 / .6);border-radius:999px;background:#5ef2ff24;color:#fff;font:700 calc(13px * var(--text-scale, 1)) / 1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.ctl-resume:hover{background:#5ef2ff3d}.ctl-resume:focus-visible{outline:2px solid #5ef2ff;outline-offset:2px}.ctl-sound{display:flex;flex-wrap:wrap;gap:0 22px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid rgb(255 255 255 / .1)}.ctl-sound .ctl-switch{margin:0;padding:0;border:0}.ctl-switch.is-off{opacity:.55}@media (any-pointer: coarse){.ctl-close,.ctl-resume{position:relative}.ctl-resume:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.ctl-close:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.ctl-overlay.is-live .ctl-panel{max-height:min(100%,max(190px,36%));padding:8px 12px;overscroll-behavior:contain}.ctl-overlay.is-live .ctl-panel-head{margin-bottom:6px}.ctl-overlay.is-live .ctl-panel-rows{gap:6px}}.ctl-panel .ctl-row{grid-template-columns:minmax(110px,.8fr) 1.6fr}.ctl-panel-extra{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ctl-panel-about{margin-top:10px;padding-top:8px;border-top:1px solid rgb(255 255 255 / .1);font-size:calc(12px * var(--text-scale, 1));line-height:1.4;color:#e6ecffcc}.ctl-panel-about p{margin:2px 0 6px}.ctl-panel-two{margin-top:10px;padding-top:8px;border-top:1px solid rgb(255 255 255 / .1);font-size:calc(12px * var(--text-scale, 1));color:#e6ecffcc}.ctl-panel-two p{margin:2px 0}.ctl-sub{color:#e6ecff80}.ctl-reset{min-height:44px;margin-top:10px}.ctl-start{display:block;min-height:44px;margin:0 0 12px}.ctl-panel-foot{margin:10px 0 0;font-size:calc(12px * var(--text-scale, 1));color:#e6ecff80}.ctl-keyedit{display:grid;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgb(255 255 255 / .1)}.ctl-keyedit .ctl-sub{margin:0;font-size:calc(12px * var(--text-scale, 1));letter-spacing:.02em}.ctl-keyrow{display:grid;grid-template-columns:minmax(96px,1fr) auto;align-items:center;gap:8px}.ctl-keyrow-label{font-size:calc(13px * var(--text-scale, 1));color:#fff}.ctl-keyrow--help{margin-top:6px;padding-top:6px;border-top:1px solid rgb(255 255 255 / .12)}.ctl-keyrow--help small{display:block;color:#ffffff9e;font-size:calc(12px * var(--text-scale, 1));font-weight:400}.ctl-keyrow-keys{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.ctl-keypick{min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:8px;background:transparent;cursor:pointer}.ctl-keypick:focus-visible{outline:2px solid #ffd23f;outline-offset:1px}.ctl-keypick:hover .ctl-key{border-color:#ffffff8c}.ctl-keypick.is-listen .ctl-key{border-color:#ffd23f;color:#ffd23f}.ctl-keyhint{margin:0;font-size:calc(12px * var(--text-scale, 1));color:#ffd23f}.ctl-keywarn{margin:0;font-size:calc(12px * var(--text-scale, 1));color:#ffb4b4}.ctl-keys-btn{min-height:44px}.ctl-keys-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;background:#04030c8c;overflow:auto}.ctl-keys-pop .ctl-panel{max-height:none;margin:auto}@media (max-width: 640px){.ctl-row{gap:10px}.ctl-card .ctl-row:not(.is-rule) .ctl-row-verb span{display:none}.ctl-chip{font-size:calc(12px * var(--text-scale, 1))}.ctl-strip{bottom:6px}}@media (prefers-reduced-motion: reduce){.ctl-mouse,.ctl-mouse-btn,.ctl-touch-ring,.ctl-touch-dot,.ctl-card,.ctl-panel,.ctl-strip.is-pulse .ctl-chip{animation:none!important}}.credit-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px 0 4px;border-radius:11px;border:1px solid rgb(61 255 138 / .55);background:#0c281ad9;color:#b9ffd4;font:700 calc(11.5px * var(--text-scale, 1))/1 system-ui,sans-serif;white-space:nowrap}.credit-chip i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c4,#f7b733 60%,#a8620b);color:#5a3300;font:800 calc(12px * var(--text-scale, 1))/1 system-ui,sans-serif;font-style:normal}.credit-chip.is-token i{background:radial-gradient(circle at 35% 35%,#e3f0ff,#5aa8ff 60%,#1d4f9e);color:#0b2448}.ctl-credit{position:absolute;top:39px;left:116px;z-index:6;pointer-events:none}.round-count{display:inline-flex;align-items:center;gap:10px;margin:4px 0;font-size:calc(15px * var(--text-scale, 1));font-weight:600}.round-count b{display:inline-block;min-width:1ch;font-size:calc(20px * var(--text-scale, 1));font-variant-numeric:tabular-nums}.ctl-switch{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;padding-top:8px;border-top:1px solid rgb(255 255 255 / .1);font-size:calc(13px * var(--text-scale, 1));color:#fff;cursor:pointer}.ctl-switch input{width:20px;height:20px;flex:none;accent-color:#5ef2ff}@media (min-width: 1100px){.ctl-overlay{position:fixed;justify-content:flex-end;align-items:flex-start;padding:84px 16px 16px}.ctl-overlay.is-paused{align-items:flex-start}.ctl-panel{width:min(380px,100%)}.room-screen .ctl-overlay{position:absolute;justify-content:center;padding:32px 12px 12px}}@media (max-height: 520px) and (orientation: landscape) and (min-width: 600px){.ctl-overlay{position:fixed;justify-content:flex-end;align-items:flex-start;padding:8px}.ctl-overlay.is-paused{align-items:flex-start}.ctl-panel{width:min(300px,100%)}.ctl-overlay.is-live .ctl-panel{max-height:100%}.room-screen .ctl-overlay{position:absolute;justify-content:center;padding:32px 12px 12px}}.ctl-overlay--page{--text-scale: 1;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:center;align-items:flex-end;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));color:#fff;font-size:16px}.ctl-overlay--page.is-paused{align-items:flex-end}.ctl-overlay--page .ctl-panel,.ctl-overlay--page.is-live .ctl-panel{max-height:var(--ctl-most, 40dvh)}.ctl-overlay--page.is-high,.ctl-overlay--page.is-high.is-paused{align-items:flex-start;padding-top:max(calc(8px + env(safe-area-inset-top,0px)),var(--ctl-top, 0px))}.ctl-overlay--page .ctl-panel-foot{display:none}@media (max-height: 520px) and (orientation: landscape){.ctl-overlay--page,.ctl-overlay--page.is-paused{justify-content:flex-end;align-items:flex-start;padding:60px calc(8px + env(safe-area-inset-right,0px)) 8px 8px}.ctl-overlay--page .ctl-panel,.ctl-overlay--page.is-live .ctl-panel{width:min(300px,100%);max-height:100%}.ctl-overlay--page.is-live{justify-content:flex-start;padding:8px 8px 8px calc(8px + env(safe-area-inset-left,0px))}.ctl-overlay--page.is-middle,.ctl-overlay--page.is-live.is-middle{justify-content:center;align-items:flex-start;padding:8px}.ctl-overlay--page.is-middle .ctl-panel{width:min(300px,100%);max-height:var(--ctl-most, 58%)}}.ctl-overlay--beside{--text-scale: 1;z-index:60;color:#fff;font-size:16px}.ctl-overlay--beside.is-paused{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.arc-cabinet[data-ctl-give]{right:var(--ctl-give, 0px)}@media (max-width: 640px){.ctl-overlay,.ctl-overlay.is-paused{align-items:flex-end;padding:8px}.ctl-panel{max-height:64%}}.ctl-help-btn{top:var(--gk-edge, 8px);left:auto;right:calc(var(--gk-edge, 8px) + 36px)}.ctl-leave-btn{top:var(--gk-edge, 8px);left:auto;right:var(--gk-edge, 8px)}.ctl-credit{top:auto;bottom:var(--gk-edge, 8px);left:50%;transform:translate(-50%)}.room-screen .ctl-credit{bottom:0;z-index:7;transform:translate(-50%,calc(100% + 4px))}.room-whack .ctl-credit{top:auto;bottom:calc(100% + 18px);transform:translate(-50%)}@media (any-pointer: coarse){.ctl-help-btn:after,.ctl-leave-btn:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}@media (max-height: 520px) and (orientation: landscape){.room-whack .ctl-credit{position:fixed;top:auto;bottom:calc(52px + env(safe-area-inset-bottom,0px));left:calc(12px + env(safe-area-inset-left,0px));transform:none}}