/* V0.2.1: play-first presentation. Loaded only by the two games. */
.game-body .game-header{height:66px}.game-body .game-title-row{padding:16px 0 14px}.game-body .game-title-row h1{font-size:40px;line-height:1.1;margin:0;letter-spacing:-1.2px}.game-body .game-title-row .mini-tag,.game-body .game-title-row p,.game-body .record-card{display:none}.game-body .play-surface{padding:19px}.game-body .quick-guide{font-size:13px;line-height:1.5;padding:10px 12px;margin-bottom:12px}.game-body .quick-guide strong{display:inline;font-size:12px;letter-spacing:.5px;margin-right:8px}.game-body .surface-head{margin-bottom:11px}.game-body .small-label,.game-body .board-counter span,.game-body .tray-heading{font-size:11px;letter-spacing:1px}.game-body .subtle-button,.game-body .sound-toggle,.game-body .return-link{font-size:13px}.game-body .game-message{font-size:13px;line-height:1.5;min-height:40px;padding:8px 0;margin:4px 0}.game-body .game-footer{font-size:11px;padding:22px 0}.game-body .game-sidebar{align-content:start;gap:0}.game-body .tool-button strong{font-size:14px}.game-body .tool-button b{font-size:12px}.game-body .tool-button small{font-size:12px}.game-body .tools-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.inline-tools .tool-button{min-height:60px;padding:10px;gap:8px}.inline-tools .tool-symbol{width:32px;height:32px;font-size:21px;flex-shrink:0}.inline-tools .tool-button small{display:none}.inline-tools .tool-button b{margin-left:auto}.inline-tools{padding-top:9px;border-top:1px solid #dfc68b25}.inline-tools .tool-button:hover:not(:disabled){transform:none}
.exhibit-goal{display:flex;gap:10px;align-items:center;padding:10px 12px;margin-bottom:12px;border:1px solid #d9b98730;border-radius:10px;background:#17172350}.goal-relic{width:45px;height:45px;flex-shrink:0;border-radius:9px;background:#e8d5b6}.goal-relic svg{width:100%;height:100%;padding:4px}.goal-detail{flex:1;min-width:0}.goal-heading{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:13px}.goal-heading span{font-size:12px;color:#e7ce9e;white-space:nowrap}.goal-detail p{font-size:12px;color:#c9c1cf;margin:4px 0 7px;line-height:1.4}.exhibit-pips{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.exhibit-pips i{height:5px;border-radius:4px;background:#edd5a518}.exhibit-pips i.cleared{background:#eecb83;box-shadow:0 0 6px #efce8f35}
.treasure-body .tile-board{min-height:0;padding:15px 18px 20px;gap:12px}.treasure-body .tray-area{position:relative;margin-top:15px;padding:12px}.match-receipt{display:flex;align-items:center;gap:8px;min-height:40px;margin-bottom:10px;font-size:12px;color:#ddcee1}.match-receipt svg{width:34px;height:34px;flex-shrink:0}.match-receipt strong{display:block;color:#ffe4a7;font-size:13px;font-weight:600;line-height:1.4}.match-receipt small{display:block;color:#bdeac9;font-size:12px;margin-top:2px}.match-receipt b{font-size:12px;margin-left:auto;white-space:nowrap;color:#eacb97}.match-burst{pointer-events:none;position:absolute;left:50%;top:8px;transform:translateX(-50%);width:140px;height:45px;display:flex;gap:4px;justify-content:center;z-index:3;opacity:0}.match-burst svg{width:40px;height:40px;filter:drop-shadow(0 2px 3px #20162480)}
.cabinet-panel{padding:19px!important}.cabinet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.cabinet-heading h2{font:24px var(--serif);margin:0}.cabinet-heading>span{font-size:13px;color:#e6c996}.cabinet-focus{display:flex;align-items:center;gap:10px;padding:14px 0;min-height:90px}.cabinet-focus svg{width:59px;height:59px;flex-shrink:0;background:#f3e2c3;border:2px solid #cbab79;border-radius:10px;padding:5px}.cabinet-focus strong{display:block;font-size:14px;line-height:1.4}.cabinet-focus span{display:block;font-size:12px;color:#c5b6ce;margin-top:4px}.cabinet-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cabinet-relic{position:relative;width:100%;height:53px;min-width:44px;border-radius:9px;border:1px solid #d5b98750;background:#eeddbf;padding:6px;transition:background .15s,transform .15s}.cabinet-relic svg{display:block;width:100%;height:100%}.cabinet-relic span{position:absolute;right:3px;bottom:1px;font-size:10px;color:#5f4236}.cabinet-relic.locked{background:#b6a6bf12;border-color:#bba2c128}.cabinet-relic.locked svg{filter:grayscale(1);opacity:.3}.cabinet-relic.locked span{color:#d2c5d5}.cabinet-relic[aria-pressed=true]{outline:2px solid #f6d194;outline-offset:1px}.cabinet-relic:active{transform:scale(.96)}.cabinet-note{font-size:12px!important;line-height:1.5!important;color:#c6b8cb!important;margin:13px 0}.cabinet-panel .collection-progress{font-size:11px;padding-top:11px;margin-top:11px}.cabinet-panel .collection-progress strong{font-size:22px}.reward-stamp{font-size:13px;line-height:1.5;color:#d2f0ca;background:#bfd99612;border:1px solid #c3df9a35;padding:8px 10px;margin:5px 0 12px;border-radius:8px}.reward-stamp[hidden]{display:none}
.workshop-body .game-layout{display:block;max-width:1040px;margin:0 auto}.workshop-body .workshop-scene{min-height:0;padding:15px 19px 11px}.workshop-body .workshop-scene-top{font-size:10px;letter-spacing:.7px}.repair-console{display:flex;align-items:center;gap:16px;padding:8px 0 10px;margin:8px 0 0;border-bottom:1px solid #d9c78e28}.machine-preview{position:relative;width:138px;aspect-ratio:4/3;flex-shrink:0;overflow:hidden}.machine-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;filter:grayscale(1);opacity:.65}.machine-preview>.repair-piece{filter:none;opacity:0;transition:opacity .3s}.machine-preview>.repair-piece.fitted{opacity:1}.piece-0{clip-path:inset(50% 50% 0 0)}.piece-1{clip-path:inset(0 50% 50% 0)}.piece-2{clip-path:inset(0 0 50% 50%)}.piece-3{clip-path:inset(50% 0 0 50%)}.machine-preview[data-repaired="4"]>#machine-art{opacity:1;filter:none}.machine-light{position:absolute;right:8%;top:14%;width:9px;height:9px;border-radius:50%;background:#526c5c;border:1px solid #a1b193}.machine-preview[data-repaired="4"] .machine-light{background:#d3ffb9;box-shadow:0 0 12px #c7ff9c}
.repair-detail{flex:1;min-width:0}.repair-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.repair-heading h2{font:22px var(--serif);margin:0}.repair-heading>span{font-size:13px;color:#c5e8b7;white-space:nowrap}.repair-detail p{font-size:12px;line-height:1.45;margin:6px 0;color:#d0ddcc}.repair-detail .machine-description,.completed-summary{display:none}.repair-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0}.repair-part{font-size:12px;border:1px solid #c5cba82b;border-radius:6px;padding:6px 7px;color:#aebdac;display:flex;gap:6px;align-items:center}.repair-part b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#18332f;font-size:12px;background:var(--part);flex-shrink:0}.repair-part.a{--part:#eda25c}.repair-part.b{--part:#80c6cd}.repair-part.c{--part:#bd95d1}.repair-part.d{--part:#97c994}.repair-part.fitted{color:#edf4d6;border-color:var(--part);background:#c4e9ac0a}.repair-detail .progress-track{height:6px;margin-top:9px}.workshop-body .workbench{min-height:0;padding-top:27px;padding-bottom:23px}.workshop-body .bolt-holder{height:204px}.workshop-body .bolt-holder>small{font-size:12px}.workshop-body .workshop-scene-base{font-size:10px;padding-top:12px}.repair-pulse{animation:repairSignal .55s ease-out}.workshop-body .modal-ornament.machine-start{position:relative;height:145px;overflow:hidden;padding-bottom:20px;margin-top:0}.machine-start img{animation:machineIgnition 1.05s ease-out;filter:drop-shadow(0 0 12px #c8f8b740)}.startup-lights{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.startup-lights i{width:8px;height:8px;background:#c7f7a6;border-radius:50%;box-shadow:0 0 9px #c5f6a877;animation:powerLight .9s ease-out both}.startup-lights i:nth-child(2){animation-delay:.12s}.startup-lights i:nth-child(3){animation-delay:.24s}.startup-status{font-size:13px;color:#c6f0b5;margin:5px 0 12px}
@keyframes repairSignal{35%{background:#c5f0a91a;box-shadow:0 0 18px #bbf6a638}100%{background:transparent;box-shadow:none}}@keyframes machineIgnition{0%{filter:grayscale(1);opacity:.35;transform:translateY(4px)}55%{filter:grayscale(.3);opacity:.9;transform:translateY(0)}75%{transform:rotate(-2deg)}100%{filter:grayscale(0);opacity:1;transform:rotate(0)}}@keyframes powerLight{from{background:#415748;box-shadow:none}to{background:#c7f7a6;box-shadow:0 0 9px #c5f6a877}}
@media(min-width:781px){.treasure-body .tile-board{grid-template-columns:repeat(4,minmax(0,130px))}}
@media(max-width:780px){.game-body .game-sidebar{grid-template-columns:1fr}.treasure-body .cabinet-panel{margin-top:0}.cabinet-display{grid-template-columns:repeat(6,minmax(0,1fr))}.cabinet-focus{min-height:72px;padding:10px 0}.cabinet-relic{height:56px}.cabinet-note{margin:9px 0}.workshop-body .game-layout{max-width:none}}
@media(max-width:540px){.game-body .game-shell{width:calc(100% - 24px)}.game-body .game-header{height:60px;gap:8px}.game-body .game-title-row{padding:13px 0}.game-body .game-title-row h1{font-size:31px;letter-spacing:-.8px}.game-body .play-surface{padding:12px 10px}.game-body .quick-guide{font-size:12px;line-height:1.5;padding:9px 10px;margin-bottom:10px}.game-body .quick-guide strong{font-size:11px}.game-body .subtle-button,.game-body .return-link,.game-body .sound-toggle{font-size:12px}.game-body .game-message{font-size:12px;min-height:36px;margin:3px 0}.inline-tools .tool-symbol{display:none}.inline-tools .tool-button{min-height:54px;gap:5px;padding:8px 7px}.inline-tools .tool-button strong{font-size:13px;line-height:1.35}.inline-tools .tool-button b{font-size:12px}.game-body .tools-list{gap:6px}.exhibit-goal{padding:8px;gap:8px}.goal-relic{width:39px;height:39px}.goal-heading{font-size:12px;flex-wrap:wrap;gap:3px}.goal-heading span{font-size:11px}.goal-detail p{font-size:11px;margin:3px 0 5px}.exhibit-pips{gap:3px}.treasure-body .tile-board{padding:10px 9px 18px;gap:10px}.treasure-body .tray-area{padding:9px 8px}.match-receipt{gap:6px;min-height:34px;margin-bottom:8px}.match-receipt svg{width:28px;height:28px}.match-receipt strong,.match-receipt small{font-size:11px}.match-receipt b{font-size:11px}.cabinet-display{grid-template-columns:repeat(4,minmax(0,1fr))}.cabinet-relic{height:54px}.cabinet-heading h2{font-size:22px}.cabinet-panel{padding:15px!important}.cabinet-focus strong{font-size:13px}.workshop-body .workshop-scene{padding:10px 9px}.workshop-body .workshop-scene-top{font-size:9px;letter-spacing:.1px}.repair-console{gap:8px;padding:4px 0 8px}.machine-preview{width:84px}.repair-heading h2{font-size:16px;line-height:1.2}.repair-heading>span{font-size:11px}.repair-detail p{font-size:11px;margin:4px 0}.repair-parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:6px 0}.repair-part{font-size:11px;padding:3px 4px;gap:4px}.repair-part b{width:14px;height:14px;font-size:10px}.workshop-body .workbench{column-gap:10px;row-gap:15px;padding-top:24px}.workshop-body .bolt-holder{height:151px;padding-bottom:17px;gap:5px}.workshop-body .bolt{height:36px;max-width:66px}.workshop-body .workshop-scene-base{font-size:9px;letter-spacing:.5px}.workshop-body .modal-ornament.machine-start{height:125px}.game-body .game-footer{font-size:10px;line-height:1.5;padding-top:18px}}
@media(hover:none){.game-body .relic-tile:hover{transform:none}.game-body .bolt-holder:hover{transform:none}.game-body .relic-tile:active{transform:translateY(3px)}.game-body .bolt-holder.selected{transform:translateY(-5px)}}
.game-body .relic-tile:active{transform:translateY(3px)}.game-body .bolt-holder:active{background:#e6daaa1c}.game-body .tool-button:active:not(:disabled){transform:translateY(2px)}
.match-burst{top:70px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
