.cq{max-width:1250px;margin:auto;padding:32px 24px 70px;color:#e5eef8}.cq *{box-sizing:border-box}.cq .back{color:#a7b8cd;text-decoration:none;font-size:13px}.cq-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0}.cq .kicker{color:#74e6cd;font-size:11px;font-weight:800;letter-spacing:2.5px;margin:0 0 12px}.cq h1{font-size:clamp(32px,5vw,64px);letter-spacing:-2px;line-height:1;margin:0 0 15px}.cq h1 em{color:#79ead0;font-style:normal}.cq-heading p{color:#a8b9cc}.edition{font-size:10px;letter-spacing:2px;line-height:2;text-align:right;color:#94a9c1}.cq-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.console{background:#101c2c;border:1px solid #304457;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #0005}.hud{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 12px;background:#152236;border-bottom:1px solid #304457}.hud div{padding-left:16px;border-right:1px solid #304457}.hud div:last-child{border:0}.hud small{display:block;font-size:9px;letter-spacing:1.6px;color:#93a8be;margin-bottom:5px}.hud strong{font-size:23px;font-variant-numeric:tabular-nums}.hud div:nth-child(2) strong{color:#ffcd6b}.board-wrap{position:relative;margin:12px;overflow:hidden;border-radius:12px;background:#09131e}.cq canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-4px}.cq-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08121de8;backdrop-filter:blur(5px);text-align:center;padding:20px}.cq-overlay[hidden]{display:none}.cq-overlay>div{max-width:340px}.overlay-mark{font-size:54px;color:#ffd37b;display:block;margin-bottom:15px}.cq-overlay h2{font-size:clamp(24px,3vw,38px);line-height:1.12;margin:0 0 16px}.cq-overlay p:not(.kicker){color:#b0c1d3;line-height:1.7;font-size:14px}.cq button{font:inherit;font-size:12px;min-height:44px;border:1px solid #3b5169;color:#dce9f7;background:#1b2c40;border-radius:8px;padding:10px 14px;cursor:pointer;transition:background .15s,transform .15s}.cq button:hover{background:#2c455f}.cq button:active{transform:translateY(1px)}.cq button:focus-visible,.cq a:focus-visible{outline:3px solid #ffd477;outline-offset:3px}.cq button:disabled{opacity:.4;cursor:default}.cq button.primary{background:#8aefd5;color:#092b27;font-weight:800;border:0;padding:14px 24px}.status{min-height:42px;margin:8px 24px;font-size:13px;color:#c0d2e3}.toolbar{display:flex;gap:8px;padding:0 20px 18px;flex-wrap:wrap}.bottom-controls{border-top:1px solid #2b3d52;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.bottom-controls strong{font-size:10px;letter-spacing:2px;color:#8aa3bc}.bottom-controls p{font-size:12px;line-height:1.8;color:#b8c8d9;margin:8px 0}.dpad{display:grid;grid-template-columns:repeat(3,48px);gap:5px}.dpad button{font-size:23px;padding:2px;height:46px;touch-action:manipulation}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.panel{background:#121e2e;border:1px solid #2d4056;border-radius:16px;padding:24px;margin-bottom:18px}.cq .brief h2{font-size:26px;margin:0 0 12px}.cq .brief p{font-size:14px;line-height:1.7;color:#b9cadd}.cq h3{font-size:10px;letter-spacing:1.6px;color:#9db2c9;margin:24px 0 12px}.target{color:#ffce78;font-size:12px;padding:14px 0;border-bottom:1px solid #2d4056}.inventory{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}.inventory span{font-size:11px;border:1px solid #314357;border-radius:6px;padding:9px;color:#72859b}.inventory .equipped{color:#8aefd5;background:#163c3d;border-color:#378477}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title h3{margin:0}.panel-title span{font-size:12px;color:#7fe7cd}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.level-grid button{padding:7px 1px;min-height:52px;font-weight:bold}.level-grid button small{display:block;font-size:8px;color:#ffd277;letter-spacing:0}.level-grid .current{border-color:#83edd4;box-shadow:0 0 0 1px #83edd4}.cq .muted{font-size:11px;line-height:1.7;color:#8499af;margin:16px 0 0}.field-guide{margin-top:24px}.field-guide summary{cursor:pointer;font-size:14px;font-weight:bold;padding:5px}.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.legend p,.field-guide>p{font-size:12px;color:#a8bcd2;line-height:1.7}.legend b{display:block;color:#e6eef7;margin-bottom:8px}.cq-footer{padding:25px;text-align:center;font-size:10px;letter-spacing:1.5px;color:#a0b4c9}.cq-footer a{display:inline-block;margin-left:25px;color:#8aefd5}@media(max-width:950px){.cq-layout{grid-template-columns:minmax(0,1fr) 235px}.panel{padding:18px}.legend{grid-template-columns:1fr 1fr}}@media(max-width:720px){.cq{padding:22px 12px 35px}.cq-layout{grid-template-columns:1fr}.cq-heading{margin:25px 0}.edition{display:none}.cq-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cq h1{letter-spacing:-1px}.board-wrap{margin:6px}.hud{padding:14px 5px}.hud div{padding-left:10px}.hud strong{font-size:19px}.toolbar{padding:0 14px 14px;gap:6px}.toolbar button{flex:1;padding:8px}.status{margin:8px 16px}.bottom-controls{padding:15px}.cq-overlay p:not(.kicker){font-size:12px;line-height:1.5}.overlay-mark{font-size:30px;margin-bottom:8px}.cq-overlay h2{margin-bottom:8px}}@media(max-width:440px){.cq-layout aside{grid-template-columns:1fr}.legend{grid-template-columns:1fr 1fr;gap:12px}.cq-overlay{padding:14px}.cq-overlay .kicker{font-size:9px}.cq-overlay button.primary{padding:10px 15px}.cq-heading p:not(.kicker){font-size:13px}}