:root{color-scheme:light;--ink:#202d2a;--muted:#6f7a70;--paper:#f7f3e9;--line:#dedfd2;--coral:#e5785e;--green:#315f4d;--cream:#fffdf6;--shadow:0 14px 40px #394a3510;font-family:"Apple SD Gothic Neo","Noto Sans KR",Pretendard,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d06b4c;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}[hidden]{display:none!important}.page-shell{max-width:1536px;margin:auto;padding:0 5.2%}.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--green);border-radius:14px;color:#fff;font-size:22px;font-weight:900}.brand-word{display:flex;flex-direction:column;gap:3px;font-size:19px;letter-spacing:-.06em;font-weight:850}.brand-word small{font-size:9px;letter-spacing:.07em;color:#78847a;font-weight:650}.header-note{font-size:12px;color:#69776b;font-weight:700;letter-spacing:.02em}.header-dot,.live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;background:#9dbe91;border-radius:50%;vertical-align:middle}.hero{min-height:416px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.hero-copy{padding:56px 0}.eyebrow{margin:0 0 17px;color:#668071;font-size:10px;letter-spacing:.16em;font-weight:850}.eyebrow-line{display:inline-block;width:24px;height:2px;background:#d99078;vertical-align:middle;margin-right:9px}.hero h1{margin:0;font-size:clamp(42px,4.6vw,69px);line-height:1.17;letter-spacing:-.085em;font-weight:850}.hero h1 span{color:#c9674e}.hero-description{color:#657269;font-size:15px;line-height:1.8;margin:23px 0}.hero-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #283f33;padding:0 0 8px;font-size:13px;font-weight:800}.hero-link span{font-size:18px}.hero-art{height:335px;position:relative;margin-left:auto;width:min(100%,470px)}.hero-art:before{content:"";position:absolute;inset:38px 26px 25px 50px;background:#e3e9d5;border-radius:49% 51% 54% 46%}.hero-art-paper{position:absolute;width:172px;height:202px;border:1px solid #d7dbcc;border-radius:11px;background:#fffdf6;box-shadow:0 13px 26px #344f3420;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.paper-one{left:85px;top:48px;transform:rotate(-11deg)}.paper-two{left:235px;top:75px;transform:rotate(11deg);background:#f4d5bd}.paper-caption{font-size:10px;font-weight:800;color:#596b5e}.art-earbud,.art-hand{display:grid;place-items:center;width:102px;height:113px;border-radius:8px;background:#dbe8cf;font-size:62px;color:#55705b}.art-hand{background:#f3bca7;color:#a84e3e}.hero-stamp{position:absolute;left:50px;bottom:12px;width:79px;height:79px;border:1px dashed #ce795d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff7e9;color:#b95d43;font-size:9px;transform:rotate(-12deg)}.hero-stamp strong{font-size:25px;line-height:1;font-weight:900}.hero-spark{position:absolute;color:#d5795e;font-size:27px}.spark-one{right:24px;top:34px}.spark-two{right:22px;bottom:50px;color:#88a77c}.collection-head{display:flex;justify-content:space-between;align-items:end;padding:64px 0 26px}.collection-head .eyebrow{margin-bottom:9px}.collection-head h2{font-size:29px;letter-spacing:-.065em;margin:0}.collection-head>p{margin:0;color:#788278;font-size:12px;line-height:1.7;text-align:right}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{border:1px solid #e0e1d6;border-radius:17px;background:#fffdf8;padding:0;text-align:left;overflow:hidden;box-shadow:0 3px 14px #30473208;transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-art{position:relative;height:180px;overflow:hidden;background:var(--card-color);display:grid;place-items:center}.card-art svg{width:100%;height:100%;display:block}.card-number{position:absolute;top:14px;left:15px;display:inline-grid;place-items:center;min-width:32px;height:24px;padding:0 8px;border:1px solid #ffffffa6;border-radius:99px;background:#fff8;color:#435448;font-size:10px;font-weight:850}.card-time{position:absolute;top:16px;right:15px;color:#456052;font-weight:750;font-size:10px}.card-copy{padding:20px 19px 19px;min-height:132px;display:flex;flex-direction:column}.card-kicker{margin:0 0 8px;font-size:10px;color:#a06f60;letter-spacing:.04em;font-weight:800}.card-title{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.06em}.card-description{margin:7px 0 0;color:#818b80;font-size:12px;line-height:1.45}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;color:#849087;font-size:10px;font-weight:750}.card-arrow{width:27px;height:27px;border:1px solid #dce2d8;border-radius:50%;display:grid;place-items:center;color:#355742;font-size:15px}.closing-note{margin:74px 0 0;padding:24px 0;display:flex;align-items:center;gap:15px;border-top:1px solid var(--line)}.closing-star{font-size:30px;color:#d9876d}.closing-note p{margin:0;font-size:13px;font-weight:850}.closing-note p small{display:block;font-size:10px;color:#94a095;letter-spacing:.03em;margin-top:4px}.closing-note>span:last-child{margin-left:auto;color:#a0aba0;font-size:9px;letter-spacing:.14em;font-weight:800}.site-footer{display:flex;justify-content:space-between;gap:12px;padding:26px 0 32px;border-top:1px solid var(--line);color:#a0aba0;font-size:9px;font-weight:800;letter-spacing:.08em}.site-footer b{color:#d07d66}.play-view{padding-top:24px}.play-topline{display:flex;justify-content:space-between;align-items:center}.back-button,.play-bottom button{border:0;background:none;padding:7px 0;font-weight:750;font-size:12px}.back-button span{margin-left:5px}.section-counter{color:#9ba89b;font-size:10px;letter-spacing:.1em;font-weight:800}.play-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:28px 0 22px}.play-heading .eyebrow{margin-bottom:9px}.play-heading h1{font-size:clamp(29px,3.7vw,48px);letter-spacing:-.075em;line-height:1.12;margin:0}.game-tagline{color:#78857a;font-size:13px;margin:9px 0 0}.sound-button{flex-shrink:0;border:1px solid #d8ded2;background:#fdfbf5;border-radius:30px;padding:10px 14px;font-size:11px;font-weight:800}.sound-button[aria-pressed=true]{background:#dfead8;color:#28583e}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.game-stage{position:relative;border-radius:18px;overflow:hidden;background:#e9eee0;border:1px solid #dce2d4;box-shadow:var(--shadow)}#game-canvas{width:100%;height:auto;display:block;aspect-ratio:3/2;touch-action:none;cursor:crosshair}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#22352c55;padding:14px}.overlay-card{width:min(380px,92%);padding:28px 30px;border-radius:17px;background:#fffdf5;box-shadow:0 15px 50px #172a2150;text-align:center}.overlay-eyebrow{font-size:10px;letter-spacing:.14em;color:#b36e57;font-weight:850}.overlay-card h2{font-size:25px;letter-spacing:-.06em;margin:10px 0}.overlay-card p{font-size:13px;color:#718071;line-height:1.65;white-space:pre-line;margin:0 auto 21px}.primary-button{display:inline-flex;justify-content:center;gap:28px;min-width:145px;border:0;border-radius:10px;background:var(--green);color:white;padding:13px 18px;font-size:13px;font-weight:850}.primary-button:hover{background:#254e3b}.stage-footer{display:flex;justify-content:space-between;color:#93a094;padding:12px 4px 0;font-size:9px;letter-spacing:.08em;font-weight:800}.game-sidebar{background:#fffdf7;border:1px solid #e0e1d6;border-radius:17px;padding:20px}.sidebar-block{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #eeeee5}.sidebar-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;color:#97a398;font-weight:850;letter-spacing:.12em;font-size:9px}.sidebar-label span{font-size:10px;letter-spacing:0;color:#d1d8ca}.mission-text{margin:0;font-size:16px;font-weight:850;line-height:1.55;letter-spacing:-.055em}.instruction-text,.keyboard-note{margin:0;font-size:12px;color:#65756a;line-height:1.7;word-break:keep-all}.keyboard-note{margin-top:9px;color:#a3aea3;font-size:11px}.hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hud-item{background:#f5f6ed;border-radius:9px;padding:10px 9px;min-width:0}.hud-item span{display:block;color:#91a091;font-size:9px;font-weight:750}.hud-item strong{display:block;margin-top:5px;font-size:15px;letter-spacing:-.04em}.live-hint{font-size:11px;line-height:1.55;color:#ba765e;min-height:18px;margin:11px 0 0;font-weight:750}.action-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-controls:empty{display:none}.action-button{min-height:46px;border:1px solid #cfdccd;border-radius:9px;background:#edf3e9;font-size:12px;font-weight:850;touch-action:none;user-select:none;-webkit-user-select:none}.action-button:active,.action-button.is-held{background:#cfe0c9;transform:translateY(1px)}.action-button:disabled{opacity:.45;cursor:not-allowed}.play-bottom{display:flex;align-items:center;gap:18px;margin:30px 0 45px;color:#95a194;font-size:11px}.play-bottom strong{color:#d88a72}.play-bottom button{margin-left:auto;color:#43694e}.play-bottom span:nth-child(2){color:#aeb8ab}
@media(max-width:1050px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-art{height:165px}.game-layout{grid-template-columns:minmax(0,1fr) 220px}.game-sidebar{padding:16px}.hero-art-paper{transform:scale(.9) rotate(-11deg)}.paper-two{transform:scale(.9) rotate(11deg)}}
@media(max-width:720px){.page-shell{padding:0 18px}.site-header{height:74px}.brand-mark{height:38px;width:38px}.brand-word{font-size:17px}.brand-word small{font-size:8px}.header-note{font-size:10px}.hero{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding:44px 0 0}.hero h1{font-size:43px}.hero-description{font-size:13px;margin:16px 0 20px}.desktop-break{display:none}.hero-art{height:225px;width:330px;max-width:100%;margin:0 auto}.hero-art:before{inset:20px 20px 12px 44px}.hero-art-paper{top:8px;left:45px;transform:scale(.7) rotate(-11deg);transform-origin:top left}.paper-two{left:152px;top:25px;transform:scale(.7) rotate(11deg)}.hero-stamp{left:35px;bottom:8px;transform:scale(.75) rotate(-12deg);transform-origin:bottom left}.spark-one{right:25px;top:20px}.spark-two{right:22px;bottom:20px}.collection-head{padding:40px 0 20px;align-items:start}.collection-head h2{font-size:24px}.collection-head>p{font-size:10px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-art{height:140px}.card-copy{padding:15px 13px;min-height:128px}.card-title{font-size:15px}.card-description{font-size:11px}.card-footer{padding-top:13px}.closing-note{margin-top:50px}.closing-note>span:last-child{font-size:8px}.site-footer{font-size:8px}.site-footer span:nth-child(2){display:none}.play-view{padding-top:16px}.play-heading{padding:21px 0 16px;align-items:center}.play-heading h1{font-size:28px}.game-tagline{font-size:11px}.sound-button{padding:9px 10px;font-size:10px}.game-layout{display:flex;flex-direction:column;gap:12px}.game-column,.game-sidebar{width:100%}.game-stage{border-radius:14px}.overlay-card{padding:18px 20px;width:min(330px,90%)}.overlay-card h2{font-size:20px;margin:7px 0}.overlay-card p{font-size:11px;margin-bottom:12px;line-height:1.5}.primary-button{padding:10px 16px;font-size:12px}.stage-footer{font-size:8px}.game-sidebar{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.sidebar-block{padding:0;margin:0;border:0}.sidebar-block.current-block{grid-column:1/-1;border-top:1px solid #eeeee5;padding-top:13px}.sidebar-label{margin-bottom:7px}.mission-text{font-size:13px}.instruction-text,.keyboard-note{font-size:11px;line-height:1.5}.keyboard-note{margin-top:5px}.hud{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-item{padding:8px}.live-hint{margin-top:7px}.action-controls{grid-column:1/-1}.play-bottom{margin:22px 0 30px}.play-bottom span:nth-child(2){display:none}}
@media(max-width:360px){.game-grid{gap:8px}.card-art{height:115px}.card-title{font-size:14px}.header-note{display:none}.hero h1{font-size:38px}.play-heading h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.stage-footer button{border:0;background:none;padding:0;color:#698174;font-size:11px;font-weight:850}
.wire-fine-controls{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #eeeee5}.wire-fine-controls label{display:flex;justify-content:space-between;align-items:center;color:#53685a;font-size:12px;font-weight:800;margin:12px 0 4px}.wire-fine-controls output{font-size:11px;color:#a36c59;font-variant-numeric:tabular-nums}.wire-fine-controls input{display:block;width:100%;height:25px;accent-color:#d7795f;touch-action:pan-x}.range-ends{display:flex;justify-content:space-between;color:#a3aea3;font-size:9px;font-weight:700}.wire-fine-controls input:disabled{opacity:.45}@media(max-width:720px){.wire-fine-controls{grid-column:1/-1;margin:0;padding:13px 0 0;border:0;border-top:1px solid #eeeee5}.wire-fine-controls label{margin-top:8px}.wire-fine-controls input{height:32px}}
#wire-canvas{width:100%;height:auto;display:block;aspect-ratio:3/2;touch-action:none;cursor:grab}#wire-canvas:active{cursor:grabbing}.wire-reticle{position:absolute;z-index:1;display:grid;place-items:center;width:38px;height:38px;transform:translate(-50%,-50%);border:3px solid #fffdf6;border-radius:50%;background:#df795c;color:#fffdf6;font-size:24px;line-height:1;font-weight:600;pointer-events:none;box-shadow:0 2px 8px #263e3555}.game-overlay{z-index:2}@media(max-width:720px){.wire-reticle{width:30px;height:30px;border-width:2px;font-size:20px}}
.wire-fine-controls{margin:10px 0 0;padding:14px 16px;border:1px solid #e0e1d6;border-radius:14px;background:#fffdf7}.wire-fine-controls .sidebar-label{margin:0 0 4px}.wire-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.wire-fine-controls label{margin:4px 0}@media(max-width:720px){.wire-fine-controls{padding:10px 12px;margin:8px 0 0;border:1px solid #e0e1d6}.wire-control-grid{gap:14px}.wire-fine-controls label{font-size:11px}.wire-fine-controls input{height:29px}}
.wire-hold{width:100%;margin-top:10px;min-height:42px;border:1px solid #b9d2bb;border-radius:9px;background:#e9f2e5;color:#315f4d;font-size:12px;font-weight:850;touch-action:none;user-select:none;-webkit-user-select:none}.wire-hold:active,.wire-hold.is-held{background:#315f4d;color:#fff}.wire-hold:disabled{opacity:.45;cursor:not-allowed}.wire-reticle.is-held{background:#4b8060}@media(max-width:720px){.wire-hold{min-height:38px;margin-top:8px}}
.wire-mode .game-layout{grid-template-columns:minmax(0,1fr);max-width:1100px;margin:0 auto}.wire-mode .game-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wire-mode .sidebar-block{border:0;padding:0;margin:0}.wire-mode .action-controls{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.wire-mode.camera-active .game-sidebar{display:none}.wire-mode .overlay-card{width:min(480px,94%)}.overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.camera-start{border:0;border-radius:10px;background:#315f4d;color:#fff;padding:13px 18px;font-size:13px;font-weight:850}.camera-start:disabled{opacity:.6;cursor:wait}.wire-mode #start-btn{min-width:0;background:#e9efe5;color:#315f4d}.wire-camera-feedback{margin:10px auto 0!important;font-size:11px!important;color:#a05241!important}.wire-live{position:absolute;z-index:1;top:12px;right:12px;display:flex;gap:6px;align-items:start;pointer-events:none}.wire-live>span{padding:7px 10px;border-radius:9px;background:#fffdf2e8;color:#425a4b;font-size:11px;font-weight:850;box-shadow:0 2px 8px #243c2b18}.wire-camera-preview{position:absolute;z-index:1;right:12px;bottom:12px;width:150px;overflow:hidden;border:2px solid #fffdf4;border-radius:11px;background:#244436;box-shadow:0 4px 18px #20382a44}.wire-camera-preview video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transform:scaleX(-1);background:#20352d}.wire-camera-preview>div{display:flex;justify-content:space-between;align-items:center;gap:3px;padding:5px 6px;color:#f5f7ed;font-size:9px;font-weight:800}.wire-camera-preview button{border:0;background:transparent;color:#fff;text-decoration:underline;font-size:9px;padding:2px}
@media(max-width:720px){.wire-mode .game-sidebar{grid-template-columns:1fr 1fr}.wire-mode .sidebar-block.current-block{grid-column:1/-1}.wire-mode .action-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.wire-mode .overlay-card{padding:9px 12px;width:94%}.wire-mode .overlay-card h2{font-size:17px;margin:3px 0}.wire-mode .overlay-card p{font-size:10px;line-height:1.35;margin-bottom:6px}.wire-mode .overlay-actions{flex-wrap:nowrap;gap:6px}.wire-mode .overlay-actions button{flex:1;min-width:0;padding:8px 5px;font-size:10px}.wire-camera-feedback{font-size:9px!important;margin-top:5px!important}.wire-live{top:8px;right:8px;gap:4px}.wire-live>span{padding:5px 7px;font-size:10px}.wire-camera-preview{right:8px;bottom:8px;width:100px}.wire-camera-preview>div{font-size:8px;padding:3px 4px}.wire-camera-preview button{font-size:8px}}
body.wire-experience .site-header,body.wire-experience .site-footer,body.wire-experience .play-bottom{display:none}body.wire-experience .page-shell{max-width:1320px;padding:0 3%}.wire-mode{padding-top:10px}.wire-mode .play-heading{padding:8px 0 12px}.wire-mode .play-heading h1{font-size:clamp(22px,2.5vw,32px)}.wire-mode .play-heading .eyebrow{margin-bottom:4px}.wire-mode .game-layout{max-width:min(1100px,calc(150vh - 250px))}@media(max-width:720px){body.wire-experience .page-shell{padding:0 12px}.wire-mode .game-layout{max-width:100%}.wire-mode .play-heading h1{font-size:22px}.wire-mode .play-heading{padding:8px 0 10px}.wire-mode .game-tagline{margin-top:4px}}
.wire-camera-privacy{margin:10px auto 0!important;color:#718071!important;font-size:10px!important}@media(max-width:720px){.wire-camera-privacy{margin-top:4px!important;font-size:9px!important}}
.stage-actions{display:flex;gap:16px}.stage-footer #wire-camera-enable{color:#ba6e53}.stage-footer #wire-camera-enable:disabled{opacity:.5}.wire-camera-inline{margin:8px 4px 0;color:#a05241;font-size:11px;line-height:1.5}
@media(max-width:720px){.wire-mode.camera-active .game-column{padding-bottom:130px}.wire-mode.camera-active .game-stage{overflow:visible}.wire-mode.camera-active #wire-canvas{border-radius:14px}.wire-mode.camera-active .wire-camera-preview{top:calc(100% + 34px);bottom:auto;right:0;width:130px}}
body.wire-experience{overflow:hidden}body.wire-experience .page-shell{max-width:none;padding:0}.wire-mode{padding:0}.wire-mode .play-heading>div,.wire-mode .section-counter,.wire-mode .game-sidebar,.wire-mode .stage-footer>span{display:none}.wire-mode .game-layout{display:block;max-width:none;margin:0}.wire-mode .game-column,.wire-mode.camera-active .game-column{width:100%;height:100dvh;padding:0}.wire-mode .game-stage,.wire-mode.camera-active .game-stage{position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;overflow:hidden;box-shadow:none}.wire-mode #wire-canvas,.wire-mode.camera-active #wire-canvas{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.wire-mode .back-button,.wire-mode .sound-button,.wire-mode #restart-button{position:fixed;z-index:4;top:calc(env(safe-area-inset-top) + 12px);border:1px solid #ffffffad;border-radius:999px;background:#fffdf2e8;padding:9px 12px;color:#315f4d;font-size:11px;font-weight:850;box-shadow:0 2px 10px #243c2b20}.wire-mode .back-button{left:12px}.wire-mode .sound-button{right:12px}.wire-mode #restart-button{right:103px}.wire-mode .wire-live{top:calc(env(safe-area-inset-top) + 60px);right:12px}.wire-toolbar{position:absolute;z-index:3;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 24px)}.wire-toolbar>div{display:flex;gap:8px}.wire-toolbar button{min-height:44px;padding:10px 18px;border:1px solid #ffffffaf;border-radius:999px;background:#315f4d;color:white;font-size:13px;font-weight:850;box-shadow:0 4px 14px #20382a33}.wire-toolbar #wire-manual-enable{background:#fffdf2e8;color:#315f4d}.wire-toolbar button:disabled{opacity:.6;cursor:wait}.wire-toolbar>span{padding:4px 9px;border-radius:999px;background:#fffdf2d9;color:#5b7262;font-size:10px;font-weight:750}.wire-mode.pointer-active .wire-toolbar{bottom:calc(env(safe-area-inset-bottom) + 177px)}.wire-mode .wire-fine-controls{position:fixed;z-index:3;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);transform:translateX(-50%);width:min(520px,calc(100% - 24px));margin:0;box-shadow:0 4px 20px #20382a22}.wire-mode .wire-camera-inline{position:fixed;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom) + 108px);transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);padding:7px 10px;border-radius:9px;background:#fffdf2ed;text-align:center}.wire-mode.pointer-active .wire-camera-inline{bottom:calc(env(safe-area-inset-bottom) + 226px)}.wire-mode.camera-active .wire-camera-preview{position:absolute;top:auto;bottom:calc(env(safe-area-inset-bottom) + 12px);right:12px;width:clamp(90px,22vw,150px)}@media(max-width:420px){.wire-mode .back-button,.wire-mode .sound-button,.wire-mode #restart-button{padding:8px 9px;font-size:10px}.wire-mode #restart-button{right:92px}.wire-toolbar button{font-size:12px;padding:9px 14px}.wire-mode.pointer-active .wire-toolbar{bottom:calc(env(safe-area-inset-bottom) + 168px)}}
.wire-mode .wire-fine-controls .action-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.wire-mode .wire-fine-controls .action-button{min-height:36px;font-size:11px}.wire-mode.pointer-active .wire-toolbar{bottom:calc(env(safe-area-inset-bottom) + 225px)}.wire-mode.pointer-active .wire-camera-inline{bottom:calc(env(safe-area-inset-bottom) + 275px)}
.wire-mode.camera-active .wire-camera-preview{width:clamp(118px,22vw,150px)}.wire-camera-preview>div span,.wire-camera-preview>div button{white-space:nowrap}
.wire-device-control{position:absolute;z-index:2;left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:6px 8px;border:1px solid #ffffffc7;border-radius:13px;background:#fffdf2e8;box-shadow:0 4px 18px #20382a20}

.wire-device{display:flex;align-items:center;gap:8px;color:#5b7262;font-size:11px;font-weight:800}
.wire-device select{min-height:36px;padding:5px 28px 5px 10px;border:1px solid #cbd8c9;border-radius:9px;background:#f7faf3;color:#315f4d;font:inherit;cursor:pointer}
.wire-device select:focus-visible{outline:2px solid #315f4d;outline-offset:2px}
@media(max-width:420px){.wire-device-control{bottom:calc(env(safe-area-inset-bottom) + 12px)}.wire-device select{font-size:16px}}
@media(max-height:500px) and (orientation:landscape){
  .wire-device-control{top:calc(env(safe-area-inset-top) + 96px);bottom:auto;left:12px;transform:none}
  .wire-device select{min-height:40px;font-size:16px}
}

/* Earphone language controls and shared time board. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wire-options{position:fixed;z-index:4;left:12px;bottom:calc(env(safe-area-inset-bottom) + 18px);display:flex;gap:6px;align-items:center}
.wire-options button,.wire-options select{min-height:40px;border:1px solid #ffffffad;border-radius:12px;background:#fffdf2f2;color:#315f4d;padding:8px;font:700 12px sans-serif}
.wire-mode .wire-device-control{left:auto;right:12px;transform:none;bottom:calc(env(safe-area-inset-bottom) + 18px);top:auto}
.wire-mode .wire-device{gap:5px}.wire-mode .wire-device>span{display:none}.wire-mode .wire-device select{min-height:32px;font-size:12px;max-width:145px}
.wire-mode #restart-button{right:125px}.wire-mode .sound-button{max-width:112px}
.wire-mode .overlay-card{padding:26px 22px}.wire-mode .overlay-card h2{font-size:26px}.wire-mode .overlay-card p{font-size:14px;line-height:1.6}.wire-mode .overlay-actions{flex-wrap:wrap}.wire-mode .overlay-actions button{padding:12px 16px;font-size:13px}
.wire-ranking-dialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 36px);margin:auto;padding:24px;border:1px solid #d2d8c8;border-radius:20px;background:#fffdf5;color:#315244;box-shadow:0 18px 60px #172d3260;overflow:auto}
.wire-ranking-dialog::backdrop{background:#182d3199}.wire-rank-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.wire-rank-heading h2{margin:0;font-size:22px}.wire-ranking-dialog p{font-size:13px;line-height:1.6;margin:14px 0}.wire-ranking-dialog button{min-height:40px;border:1px solid #b8caba;border-radius:9px;padding:8px 12px;color:#315244;background:#e8efdf;font:700 13px sans-serif}.wire-ranking-dialog button:disabled{opacity:.6}
#wire-score-result{border-block:1px solid #d2d8c8;padding:14px 0;margin-top:18px}#wire-score-time{margin:0;font-size:20px;font-variant-numeric:tabular-nums}#wire-score-form label{display:block;font-size:13px;font-weight:700}#wire-name{width:100%;margin:6px 0;padding:10px;border:1px solid #aebfad;border-radius:8px;background:white;color:#315244;font-size:16px}#wire-name-hint{font-size:11px;color:#607364}#wire-ranking-list{padding:0;list-style:none}#wire-ranking-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e1e5d9;font-size:14px}#wire-ranking-list strong{font-variant-numeric:tabular-nums;white-space:nowrap}#wire-ranking-list span{overflow-wrap:anywhere}.wire-ranking-dialog :focus-visible,.wire-options :focus-visible{outline:3px solid #56836a;outline-offset:3px}
@media(max-width:360px){.wire-options{left:8px;gap:4px}.wire-options button,.wire-options select{font-size:11px;padding:6px}.wire-mode .wire-device-control{right:8px;padding:4px}.wire-mode .wire-device select{max-width:112px;font-size:11px}.wire-mode #restart-button{right:112px}.wire-mode .sound-button{max-width:100px}.wire-mode .overlay-card{padding:20px 14px}.wire-ranking-dialog{padding:18px}}
@media(max-height:470px){.wire-mode .overlay-card{padding:15px}.wire-mode .overlay-card p{margin:4px}.wire-ranking-dialog{padding:16px}}

#wire-feedback{position:absolute;inset:0;z-index:1;pointer-events:none}.wire-wave{position:absolute;left:0;top:0;width:52px;height:44px;overflow:visible;fill:#bcffe0;filter:drop-shadow(0 1px 2px #173e32) drop-shadow(0 0 8px #8dffcc88)}.wire-wave rect{transform-box:fill-box;transform-origin:center;animation:wire-music-wave .8s ease-in-out infinite alternate}.wire-wave rect:nth-child(2){animation-delay:-.3s}.wire-wave rect:nth-child(3){animation-delay:-.6s}.wire-wave rect:nth-child(4){animation-delay:-.15s}.wire-wave rect:nth-child(5){animation-delay:-.45s}@keyframes wire-music-wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
#wire-hold-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:106px;height:106px;border-radius:50%;background:#183d32c9;box-shadow:0 4px 24px #102e3233;display:grid;place-items:center;color:#f2fff7}#wire-hold-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}#wire-hold-ring circle{fill:none;stroke-width:4;stroke-linecap:round}.wire-hold-track{stroke:#d4ffe02b}.wire-hold-fill{stroke:#a9ffd2;stroke-dasharray:1;stroke-dashoffset:1}#wire-hold-ring span{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em}@media(max-width:600px){#wire-hold-ring{width:88px;height:88px}#wire-hold-ring span{font-size:18px}}@media(prefers-reduced-motion:reduce){.wire-wave rect{animation:none}}

/* Compact in-game controls, safe-area-aware on phones. */
.wire-mode .play-topline,.wire-mode .play-heading,.wire-mode .stage-footer{display:none}
.wire-mode .wire-options{display:contents}
.wire-icon-button{position:fixed;z-index:4;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fffdf5;color:#315f4d;box-shadow:0 3px 14px #172d3226;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.wire-options .wire-icon-button{min-height:48px;padding:0;border:0;border-radius:50%;background:#fffdf5}
.wire-icon-button svg,.wire-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#wire-settings-open{top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px)}
#wire-rank-open{bottom:calc(env(safe-area-inset-bottom) + 16px);left:calc(env(safe-area-inset-left) + 16px)}
.wire-icon-button:hover{background:#e9efe5}.wire-icon-button:active{transform:scale(.95)}
#wire-live{position:fixed;top:calc(env(safe-area-inset-top) + 12px);right:auto;left:50%;transform:translateX(-50%);display:grid;gap:2px;justify-items:center;min-width:116px;max-width:calc(100vw - 144px);padding:8px 18px 10px;border-radius:14px;background:#fffdf5;color:#244b3a;box-shadow:0 3px 14px #172d3226;z-index:3}
#wire-live #wire-time-label{padding:0;background:none;border-radius:0;box-shadow:none;color:#526a5b;font-size:14px;font-weight:700;line-height:1.25}
#wire-live-time{font-size:26px;line-height:1.12;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.wire-panel{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);margin:auto;padding:24px;border:0;border-radius:16px;background:#fffdf5;color:#244b3a;box-shadow:0 12px 48px #152b3255;overflow:auto;overscroll-behavior:contain;scrollbar-color:#9caf9a #fffdf5}
.wire-panel::backdrop{background:#142b2873}
.wire-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.wire-panel h2{margin:0;font-size:24px;line-height:1.3;letter-spacing:-.03em;text-wrap:balance}
.wire-panel button{min-height:48px;border:0;border-radius:10px;font-size:15px;font-weight:750;touch-action:manipulation}
.wire-close{display:grid;place-items:center;flex-shrink:0;width:48px;padding:0;background:#edf1e8;color:#315f4d}
.wire-setting-fields{display:grid;gap:18px;margin-bottom:22px}
.wire-setting{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:14px;font-size:14px;font-weight:700}
.wire-setting select{width:100%;min-width:0;min-height:48px;padding:10px 28px 10px 12px;border:1px solid #aebfad;border-radius:10px;background:#f6f7ef;color:#244b3a;font:inherit;font-size:16px}
.wire-setting-actions{display:grid;gap:8px}.wire-setting-actions button,.wire-menu-action{display:block;width:100%;padding:12px 14px;text-align:left;background:#edf1e8;color:#315f4d;font-size:15px;border:0;border-radius:10px}
#wire-setting-sound{margin-bottom:8px}#wire-setting-navigation{margin-top:20px;padding-top:20px;border-top:1px solid #d9e0d3}#wire-setting-navigation .back-button{order:2;background:transparent}#wire-setting-navigation .back-button span{margin-left:3px}
.wire-panel button:hover{background:#dfe9d7}.wire-panel button:disabled{opacity:.45;cursor:default}
.wire-panel :focus-visible,.wire-icon-button:focus-visible{outline:3px solid #b35c3f;outline-offset:3px}
.wire-tutorial{width:min(460px,calc(100vw - 32px));padding:24px}
.wire-tutorial-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#526a5b;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
#wire-tutorial-skip,#wire-tutorial-dismiss{background:transparent;color:#526a5b;padding:10px 4px;min-height:44px;font-size:14px}
.wire-tutorial-demo{height:116px;margin:14px 0 20px;background:#eaf0e4;border-radius:12px;color:#315f4d;display:grid;place-items:center}
.wire-tutorial-demo.has-photo{display:block;height:min(260px,31dvh);background:transparent}
.wire-tutorial-demo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.wire-tutorial-demo:not(.has-photo){display:block;height:auto;background:none}
.wire-tutorial-shot{position:relative;aspect-ratio:600/320;overflow:hidden;border-radius:10px}
.wire-tutorial-shot img{object-fit:cover;object-position:center bottom}
.wire-shot-mark{position:absolute;width:17%;height:32%;border:3px solid #fff5ba;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #152b3280}
.wire-shot-mark-1{left:20.2%;top:54.5%}.wire-shot-mark-right{left:79.8%;top:54.5%}.wire-shot-mark-2{left:35.8%;top:21%}.wire-shot-mark-3{left:50%;top:19%;width:19%;height:35%}
.wire-shot-caption{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:max-content;max-width:95%;padding:5px 9px;border-radius:6px;background:#193c31;color:#fffdf5;text-align:center;font-size:13px;font-weight:700;line-height:1.35}
.wire-tutorial-demo svg{height:100%;max-width:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wire-tutorial-demo text{fill:#315f4d;stroke:none;font-size:18px;font-weight:750;text-anchor:middle}
.wire-tutorial-demo .demo-cord{stroke:#3f8767;stroke-width:5}.wire-tutorial-demo .demo-wave{stroke:#315f4d;stroke-width:4}.wire-tutorial-demo .demo-hold{stroke:#3f8767;stroke-width:5}.wire-tutorial-demo #wire-tutorial-seconds{font-size:25px}
#wire-tutorial-copy{min-height:78px;margin:14px 0 24px;color:#526a5b;font-size:15px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
.wire-tutorial-actions{display:flex;gap:10px}.wire-tutorial-actions button{padding:12px 16px}.wire-tutorial-actions #wire-tutorial-back{background:#edf1e8;color:#315f4d}.wire-tutorial-actions #wire-tutorial-next{flex:1;background:#315f4d;color:#fffdf5}.wire-tutorial-actions #wire-tutorial-next:hover{background:#244b3a}
@media(max-width:480px){.wire-panel{padding:20px}.wire-setting{grid-template-columns:72px minmax(0,1fr);gap:10px}.wire-tutorial h2{font-size:22px}#wire-live-time{font-size:24px}.wire-ranking-dialog button{min-height:48px}.wire-ranking-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}}
@media(max-height:470px){.wire-tutorial{width:min(600px,calc(100vw - 32px));padding:16px 20px}.wire-tutorial-demo.has-photo{height:140px}.wire-tutorial-demo{float:left;width:34%;height:120px;margin:8px 20px 8px 0}.wire-tutorial h2{font-size:20px;margin-top:12px}#wire-tutorial-copy{min-height:0;margin:10px 0 14px;font-size:14px}.wire-tutorial-actions{clear:both}.wire-panel-heading{margin-bottom:12px}.wire-setting-fields{gap:10px;margin-bottom:14px}#wire-live{padding:5px 14px 7px}#wire-live-time{font-size:22px}}
@media(prefers-reduced-motion:reduce){.wire-icon-button:active{transform:none}}
.wire-ranking-dialog.is-result[open]{display:flex;flex-direction:column;border:0;border-radius:16px}
.wire-ranking-dialog.is-result>*{flex-shrink:0}
.is-result .wire-rank-heading{display:contents}
.is-result #wire-ranking-title{order:0;margin:0;font-size:24px;line-height:1.3}
.is-result #wire-rank-intro{order:1;font-size:15px}
.is-result #wire-score-result{order:2;border:0;padding:0;margin-top:16px}
.is-result #wire-score-time{font-size:28px;margin-bottom:16px}
.is-result #wire-score-form label{font-size:15px}
.is-result #wire-name-hint{font-size:12px}
.is-result #wire-score-submit{width:100%;min-height:48px;font-size:16px;background:#315f4d;color:#fffdf5;border:0}
.is-result #wire-rank-close{order:5;margin-top:12px;min-height:44px;border:0;background:transparent;font-size:14px}
.wire-result-actions{order:3;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.wire-result-actions button{min-height:48px;font-size:14px}