.game-section{border-block:1px solid var(--line);background:var(--surface);padding-block:50px}.game-heading{max-width:700px;margin-bottom:28px}.game-heading p{margin-bottom:0}.game-shell{border:1px solid var(--line);background:var(--bg);padding:30px}.game-topbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:24px}.game-metrics{display:flex;flex-wrap:wrap;gap:30px;font-size:11px;color:var(--muted);align-items:center}.game-metrics strong{display:block;font-size:24px;line-height:1.2;color:var(--gold);font-family:var(--display)}.game-choice{display:flex;gap:12px;align-items:center;font-size:12px}.game-choice select{width:auto;max-width:220px;height:44px;padding:8px 32px 8px 12px;font-size:13px}.game-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:38px;align-items:center}.game-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.game-actions .button{font-size:12px;padding:10px 14px}.game-status{border-top:1px solid var(--line);padding:17px 0 0;margin:20px 0 0;font-size:13px;color:var(--gold);min-height:61px}.game-help{align-self:start;padding-top:10px}.game-help h3{font-size:27px;margin-bottom:20px}.game-help p,.game-help li{font-size:14px}.game-help ol{margin-bottom:24px}.game-note{border-left:2px solid var(--gold);padding:12px 18px;font-size:12px;color:var(--muted);margin-top:22px;background:var(--surface)}.game-note strong{color:var(--text)}.game-board{max-width:495px;width:100%;margin:auto;aspect-ratio:1;position:relative}.finished{box-shadow:0 0 0 2px var(--gold),0 0 45px #d8af4d21!important}.disc-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#050806;gap:5px;padding:9px;border:1px solid #6e7955;border-radius:6px}.disc-cell{padding:0;position:relative;border:1px solid #40533c;background:#213624;color:#e5bd73;min-width:0;min-height:0;aspect-ratio:1;border-radius:2px}.disc-cell:after{content:"";position:absolute;inset:11%;border-radius:50%;display:none}.disc-cell.gold-disc:after{display:block;background:radial-gradient(circle at 32% 25%,#fff7b7,#f6d185 45%,#9d6b24);border:2px solid #f3d394;box-shadow:inset 0 0 0 4px #a5732d66,0 3px 7px #0008}.disc-cell.ruby-disc:after{display:block;background:radial-gradient(circle at 30% 27%,#ffa7a4,#b3414f 36%,#5b1c2d);border:2px solid #e79699;box-shadow:inset 0 0 0 4px #74203799,0 3px 7px #0008}.disc-cell.available:before{content:"";position:absolute;inset:40%;background:#e9d092;border-radius:50%}.disc-cell.available:hover{background:#4e6840}.disc-cell.suggested{outline:3px solid #fff1c7;outline-offset:-3px}.disc-legend{display:flex;gap:18px;justify-content:center;font-size:12px;color:var(--muted);margin-top:19px}.legend-disc{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;background:#eac578}.legend-disc.ruby{background:#d35a70}.chamber-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:3px solid #847446;padding:0;background:#f3e7c3;max-width:480px}.chamber-cell{color:#231c0b;background:#ede2b9;position:relative;padding:0;min-width:0;min-height:0;border:1px solid #bbad83;aspect-ratio:1;font-size:27px;font-weight:700}.chamber-cell.room{background:#d5bd70}.chamber-cell.room-1{background:#bccaaf}.chamber-cell.room-2{background:#d3bba0}.chamber-cell.room-3{background:#dec49b}.chamber-cell.room-4{background:#b9c7c9}.chamber-cell.room-5{background:#cbbba6}.chamber-cell.edge-top{border-top:3px solid #615126}.chamber-cell.edge-bottom{border-bottom:3px solid #615126}.chamber-cell.edge-left{border-left:3px solid #615126}.chamber-cell.edge-right{border-right:3px solid #615126}.chamber-cell.preview{background:#fff89b!important;box-shadow:inset 0 0 0 3px #95711c}.chamber-cell.selected{box-shadow:inset 0 0 0 3px #433617}.chamber-cell:focus-visible{outline-color:#573d14;outline-offset:-4px;z-index:2}.atelier-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border:1px solid var(--line);background:var(--bg)}.atelier-tools{padding:32px;border-right:1px solid var(--line)}.atelier-tools h3{margin-bottom:23px}.atelier-tools .field{margin-bottom:16px}.atelier-tools .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.atelier-preview{padding:26px 35px;background:radial-gradient(ellipse at center,#433320,#21190f 60%,#14110d);display:flex;align-items:center;justify-content:center;flex-direction:column}.atelier-preview [data-crest-preview]{width:min(360px,100%);filter:drop-shadow(0 14px 16px #0008)}.atelier-preview [data-crest-preview]>svg{width:100%;height:auto}.atelier-preview p{text-align:center;font-size:11px;margin-top:20px;color:#e2c798}.crest-label{font-size:9px;color:#eac981;letter-spacing:.23em;margin-bottom:10px}.atelier-grid .game-status{grid-column:1/-1;margin:0;padding:21px 28px;border-top:1px solid var(--line)}.connection-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:2px solid #77683a;background:#10161c;gap:0;isolation:isolate;max-width:500px}.connection-cell{min-width:0;min-height:0;aspect-ratio:1;background:transparent;border:1px solid #475360;position:relative;z-index:2;padding:0;color:var(--path-colour,#ffe39b);display:grid;place-items:center}.connection-cell svg{width:41%;height:41%;filter:drop-shadow(0 1px 5px #0009);background:#131b24;border-radius:6px;padding:2px}.connection-cell.active-tip{outline:3px solid #fff1c7;outline-offset:-6px}.connection-cell:hover{background:#fff1}.connection-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.connection-lines polyline{filter:drop-shadow(0 0 6px #0009)}.pair-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:24px}.pair-buttons button{background:var(--surface);border:1px solid var(--line);color:var(--muted);padding:10px;display:flex;align-items:center;gap:9px;font-size:12px;min-height:44px}.pair-buttons button[aria-pressed=true]{outline:2px solid var(--gold)}.pair-buttons svg{width:20px;height:20px}.pair-buttons button:nth-child(1) svg{color:#f4c759}.pair-buttons button:nth-child(2) svg{color:#f199ac}.pair-buttons button:nth-child(3) svg{color:#a2d9f4}.pair-buttons button:nth-child(4) svg{color:#c7c8ff}.sovereign-board{border-radius:50%;background:radial-gradient(circle,#342b1c,#1b1812 70%);max-width:530px;border:1px solid #937a43;box-shadow:inset 0 0 0 12px #2e281999}.seal-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.seal-edge{stroke:#786948;stroke-width:3;stroke-linecap:round}.seal-edge.drawn{stroke:#f4cf7a;stroke-width:8;filter:drop-shadow(0 0 3px #d2a94570)}.line-node{position:absolute;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid #a98c4b;background:#211c12;color:#e8ce92;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700;z-index:3;padding:0}.line-node.available{border:2px solid #f5d484;background:#5b4726;color:#fff4d2}.line-node.current{background:#f0cb72;color:#191207;box-shadow:0 0 0 5px #ab8b463a}.line-node.suggested{outline:3px solid #fff9e1;outline-offset:3px}.line-node:hover{background:#bd9849;color:#191207}.seal-meter{display:flex;gap:30px;justify-content:center;margin:25px 0 10px}.seal-meter>div{text-align:center;color:var(--muted);font-size:11px}.seal-meter strong{font-size:27px;font-family:var(--display);display:block;color:var(--gold)}.mini-demo{display:flex;align-items:center;justify-content:center;gap:12px;min-height:130px;border:1px solid var(--line);background:var(--surface);padding:20px}.mini-demo>span{display:grid;place-items:center;border:1px solid var(--gold);width:52px;height:52px;border-radius:50%;font-size:21px;color:var(--gold)}.mini-demo .demo-arrow{color:var(--gold);width:26px}.mini-demo .demo-ruby{color:#f199ac;border-color:#e7899d}.grid-demo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;max-width:270px;margin:20px auto}.grid-demo span{display:grid;place-items:center;aspect-ratio:1;color:var(--gold);border:1px solid var(--line);font-size:17px;background:var(--surface)}.grid-demo .hl{background:var(--gold);color:#201707}.diagram-caption{text-align:center;font-size:12px;margin-top:13px}.no-js{border:1px solid var(--line);background:var(--surface);padding:18px;color:var(--text)}
@media(max-width:900px){.game-columns{gap:24px;grid-template-columns:1fr 1fr}.game-shell{padding:25px}.atelier-tools{padding:24px}.atelier-preview{padding:22px}.game-choice select{max-width:180px}}@media(max-width:760px){.game-columns{grid-template-columns:1fr}.game-help{padding-top:4px}.game-shell{padding:25px}.game-board{max-width:480px}.game-metrics{gap:22px}.game-topbar{gap:18px}.atelier-grid{grid-template-columns:1fr}.atelier-preview{grid-row:1;padding:24px}.atelier-preview [data-crest-preview]{max-width:255px}.atelier-tools{border-right:0;border-top:1px solid var(--line)}.atelier-tools .two{grid-template-columns:1fr 1fr}.game-heading{margin-bottom:23px}.game-section{padding-block:35px}}@media(max-width:440px){.game-shell{padding:15px}.game-actions{gap:7px}.game-actions .button{padding:10px 10px;font-size:11px}.game-metrics{gap:20px}.game-metrics strong{font-size:22px}.game-topbar{margin-bottom:20px}.game-choice{width:100%;justify-content:space-between}.game-choice select{max-width:180px}.disc-board{gap:4px;padding:6px}.disc-cell:after{inset:9%}.chamber-cell{font-size:23px}.line-node{width:31px;height:31px;font-size:10px}.game-status{font-size:12px}.game-help h3{font-size:25px}.atelier-tools{padding:22px 18px}.atelier-tools .two{grid-template-columns:1fr}.atelier-preview{padding:22px}.pair-buttons{gap:8px}.pair-buttons button{font-size:11px}.game-section{padding-block:28px}.seal-meter{gap:24px}.mini-demo{gap:7px;padding:15px}.mini-demo>span{width:44px;height:44px}}