.twilight-triad-stage{color:#e8e6df;touch-action:none;background:#0b0e14;width:100%;height:calc(100vh - 56px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative;overflow:hidden}.twilight-triad-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.twilight-triad-hud{z-index:5;backdrop-filter:blur(8px);pointer-events:none;background:linear-gradient(160deg,#0a0e16d1,#0a0e169e);border:1px solid #ffffff14;border-radius:12px;max-width:min(560px,100% - 28px);padding:12px 14px;font-size:12px;line-height:1.5;position:absolute;top:14px;left:14px}.twilight-triad-hud h1{color:#f2ead9;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.twilight-triad-hud .sub{color:#e8e6df8c;font-size:11px}.twilight-triad-hud .badges,.twilight-triad-hud .instructions{margin-top:6px}.twilight-triad-hud .badge{letter-spacing:.06em;border-radius:99px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.twilight-triad-hud .badge-a{color:#ecb78a;background:#ecb78a29;border:1px solid #ecb78a66}.twilight-triad-hud .badge-b{color:#ffb066;background:#ffaa5a24;border:1px solid #ffb06666}.twilight-triad-hud .badge-c{color:#6edcd6;background:#6edcd621;border:1px solid #6edcd666}.twilight-triad-hud .holo{color:#ffd27e;font-weight:700}.twilight-triad-hud #status{color:#d9c9a3;margin-top:8px}.twilight-triad-crosshair{z-index:4;pointer-events:none;border:1px solid #ffffff9e;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:50%}.twilight-triad-pad{bottom:max(16px, env(safe-area-inset-bottom));z-index:6;grid-template:repeat(3,50px)/repeat(3,50px);width:150px;height:150px;display:grid;position:absolute;left:16px}.twilight-triad-pad .triad-button{appearance:none;color:#fff;backdrop-filter:blur(4px);touch-action:none;background:#ffffff24;border:0;border-radius:14px;font-size:24px}.twilight-triad-pad .triad-button.active{background:#ffffff52}.twilight-triad-pad #fwd{grid-area:1/2}.twilight-triad-pad #left{grid-area:2/1}.twilight-triad-pad #right{grid-area:2/3}.twilight-triad-pad #back{grid-area:3/2}.twilight-triad-hint{right:14px;bottom:max(18px, env(safe-area-inset-bottom));z-index:5;color:#ffffffa8;text-align:right;pointer-events:none;font-size:11px;position:absolute}