/* LVL Arena 1.36.18 — consolidated bakery UI. No legacy arena CSS dependencies. */
.arena-game-1378{--bg:#121018;--panel:#17141f;--panel2:#1c1826;--line:rgba(255,255,255,.085);--purple:#8b63e8;--muted:#aaa1b9;color:#f7f3ff;background:#100f16;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.3)}
.ag78-top{height:46px;padding:0 13px;display:flex;align-items:center;gap:9px;background:#17141e;border-bottom:1px solid var(--line)}
.ag78-top strong{font-size:12px}.ag78-top small{margin-left:auto;color:#948ba3;font-size:9px}.ag78-badge{padding:4px 8px;border-radius:999px;background:rgba(139,99,232,.13);border:1px solid rgba(171,140,245,.22);color:#cbb7ff;font-size:8px;font-weight:900;letter-spacing:.08em}
.ag78-body{display:grid;grid-template-columns:minmax(0,1fr) 250px}
.ag78-stage{position:relative;overflow:hidden;aspect-ratio:941/628;background:#241a2f;isolation:isolate}
.ag78-stage>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;user-select:none}
/* Dynamic mission card covers the static card baked into the concept art. */
.ag78-stage-mission{position:absolute;z-index:7;left:1.7%;top:2.7%;width:min(285px,36%);padding:11px 14px 12px;border-radius:0 0 22px 0;background:linear-gradient(145deg,rgba(19,16,28,.99),rgba(28,22,39,.99));box-shadow:8px 10px 25px rgba(0,0,0,.18)}
.ag78-stage-mission span{display:block;color:#b196f4;font-size:8px;font-weight:950;letter-spacing:.12em}.ag78-stage-mission strong{display:block;margin-top:4px;font-size:16px;line-height:1.18}
.ag78-progress{position:absolute;right:5.4%;top:4.6%;z-index:8;width:92px;height:8px;padding:2px;border-radius:99px;background:rgba(10,9,15,.8)}.ag78-progress i{display:block;width:15%;height:100%;border-radius:99px;background:#895fe6}
/* Dynamic Sophie bubble fully covers the text bubble baked into the art. */
.ag78-bubble{position:absolute;z-index:8;left:20.5%;top:28.5%;width:45%;min-height:24%;padding:14px 14px 13px;border-radius:21px 21px 21px 10px;background:#f5f0f5;color:#2e2732;border:3px solid #4b3d54;box-shadow:0 11px 24px rgba(28,20,34,.22)}
.ag78-bubble:before{content:"";position:absolute;right:-18px;bottom:24%;border-width:16px 0 16px 19px;border-style:solid;border-color:transparent transparent transparent #4b3d54}.ag78-bubble:after{content:"";position:absolute;right:-13px;bottom:calc(24% + 3px);border-width:13px 0 13px 16px;border-style:solid;border-color:transparent transparent transparent #f5f0f5}
.ag78-bubble-head{display:flex;align-items:center;gap:8px}.ag78-bubble-name{flex:1;color:#7751bc;font-size:8px;font-weight:950;letter-spacing:.12em}.ag78-audio{width:30px;height:30px;border-radius:10px;border:1px solid rgba(119,81,188,.2);background:rgba(139,99,232,.10);color:#754cce;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.ag78-audio svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ag78-bubble-text{display:block;margin-top:7px;font-size:14px;line-height:1.32;font-weight:900}.ag78-bubble-help{display:block;margin-top:7px;font-size:9px;line-height:1.35;color:#655e69}
.ag78-hotspot{position:absolute;z-index:10;border:0;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.ag78-hotspot:before{content:"";position:absolute;width:21px;height:21px;border:2px solid rgba(250,247,255,.95);border-radius:50%;background:rgba(139,99,232,.12);box-shadow:0 0 0 3px rgba(139,99,232,.08)}.ag78-hotspot:after{content:attr(data-label);position:absolute;opacity:0;pointer-events:none;white-space:nowrap;padding:3px 7px;border-radius:999px;background:rgba(17,14,23,.9);border:1px solid rgba(255,255,255,.09);color:#fff;font-size:8px;font-weight:850;transition:opacity .12s}.ag78-hotspot.is-active:after{opacity:1}.ag78-hotspot[data-hotspot="bread"]{left:5%;top:69%;width:28%;height:20%}.ag78-hotspot[data-hotspot="bread"]:before{left:56%;top:4%}.ag78-hotspot[data-hotspot="bread"]:after{left:50%;top:20%}.ag78-hotspot[data-hotspot="tray"]{left:38%;top:72%;width:22%;height:18%}.ag78-hotspot[data-hotspot="tray"]:before{left:39%;top:3%}.ag78-hotspot[data-hotspot="tray"]:after{left:30%;top:22%}.ag78-hotspot[data-hotspot="register"]{right:2%;top:67%;width:20%;height:22%}.ag78-hotspot[data-hotspot="register"]:before{left:35%;top:7%}.ag78-hotspot[data-hotspot="register"]:after{left:20%;top:24%}
.ag78-side{display:flex;flex-direction:column;background:#15121b;border-left:1px solid var(--line)}.ag78-side-card{padding:16px;border-bottom:1px solid var(--line)}.ag78-kicker{font-size:8px;color:#a98de8;font-weight:950;letter-spacing:.12em}.ag78-side h3{margin:5px 0 4px;font-size:17px}.ag78-side p{margin:0;color:#9e96aa;font-size:10px;line-height:1.45}
.ag78-controls{grid-column:1/-1;display:grid;gap:8px;padding:10px 12px 12px;background:#110f17;border-top:1px solid var(--line);position:relative}.ag78-mobile-mission{display:none;padding:10px 12px;border-radius:14px;background:#18151f;border:1px solid var(--line)}.ag78-mobile-mission span{display:block;color:#a98de8;font-size:8px;font-weight:950;letter-spacing:.12em}.ag78-mobile-mission strong{display:block;margin-top:3px;font-size:13px}.ag78-mobile-mission em{display:block;margin-top:3px;color:#9d95aa;font-size:9px;font-style:normal}
.ag78-live{padding:9px 11px;border-radius:14px;background:#18151f;border:1px solid var(--line)}.ag78-live-head{display:flex;align-items:center;gap:8px}.ag78-live-head span{flex:1;color:#a98de8;font-size:8px;font-weight:950;letter-spacing:.12em}.ag78-live strong{display:block;margin-top:5px;font-size:12px;line-height:1.3}.ag78-live small{display:block;margin-top:3px;color:#8f879c;font-size:9px}
.ag78-inputrow{display:grid;grid-template-columns:44px minmax(0,1fr) 88px;gap:7px}.ag78-mic{height:44px;border-radius:13px;border:1px solid rgba(166,130,247,.24);background:#38284f;color:#ddd0ff;display:grid;place-items:center}.ag78-mic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.ag78-input{height:44px;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#191720;color:#fff;padding:0 12px;outline:none;font-size:10px}.ag78-send{height:44px;border:0;border-radius:13px;background:linear-gradient(#8b65e9,#704dcc);color:#fff;font-size:9px;font-weight:900}.ag78-feedback{position:absolute;left:12px;right:12px;bottom:62px;z-index:30;padding:8px 10px;border-radius:11px;background:#26212f;border:1px solid var(--line);font-size:9px;opacity:0;transform:translateY(5px);pointer-events:none;transition:.14s}.ag78-feedback.is-show{opacity:1;transform:none}.ag78-feedback.is-good{color:#b8ead0;border-color:rgba(94,195,145,.3)}.ag78-feedback.is-retry{color:#ead2aa;border-color:rgba(226,178,102,.3)}
@media(max-width:760px){.arena-game-1378{border-radius:16px}.ag78-body{grid-template-columns:1fr}.ag78-side{display:none}.ag78-stage{aspect-ratio:941/628}.ag78-stage-mission{width:38%;left:0;top:0;padding:9px 11px 10px;border-radius:0 0 18px 0}.ag78-stage-mission strong{font-size:13px}.ag78-progress{right:3.5%;top:3.5%;width:74px}.ag78-bubble{left:16%;top:30%;width:50%;min-height:25%;padding:11px 11px 10px}.ag78-bubble-text{font-size:12px}.ag78-bubble-help{font-size:8px}.ag78-controls{grid-column:auto;padding:8px;gap:7px}.ag78-mobile-mission{display:block}.ag78-live{padding:8px 9px}.ag78-inputrow{grid-template-columns:42px minmax(0,1fr) 82px;gap:6px}.ag78-mic,.ag78-input,.ag78-send{height:42px}}
@media(max-width:430px){.ag78-stage-mission{width:39%;padding:8px 9px}.ag78-stage-mission span{font-size:7px}.ag78-stage-mission strong{font-size:12px}.ag78-bubble{left:15%;top:29%;width:52%;padding:9px}.ag78-bubble-name{font-size:7px}.ag78-bubble-text{font-size:11px}.ag78-bubble-help{display:none}.ag78-audio{width:27px;height:27px}.ag78-hotspot:before{width:18px;height:18px}.ag78-live small{font-size:8px}.ag78-input{font-size:10px}.ag78-send{font-size:9px}}