@import url('/game-briefing.css');
@import url('/pip-world.css');
.product-detail.has-product-preview{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,80px)}
.product-experience{--preview-accent:#406e91;--preview-soft:#eef5f8;min-width:0;border:1px solid #d7dde4;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 16px 50px #24214107}.experience-tabs{display:flex;gap:4px;padding:10px;background:#f4f5f7;border-bottom:1px solid #dfe2e7}.experience-tabs button{flex:1;border:0;background:transparent;color:#514d64;padding:12px 6px;border-radius:12px;min-height:46px;font-size:12px;font-weight:700;cursor:pointer;line-height:1.3}.experience-tabs [aria-selected=true]{color:#201b38;background:white;box-shadow:0 2px 7px #24214110}.experience-panel{padding:22px}.experience-panel[hidden]{display:none}.experience-label{font-size:11px;font-weight:650;color:#605b70;margin:0 0 18px;line-height:1.5}.experience-demo{position:relative}.experience-demo h2{font-size:clamp(23px,2.3vw,34px);line-height:1.15;letter-spacing:-.6px;margin:22px 0 12px;outline-offset:6px}.experience-demo p{font-size:15px;line-height:1.65;margin:12px 0}.preview-atmosphere{display:block;width:100%;height:200px;object-fit:cover;object-position:center 44%;border-radius:14px}.preview-prompt{color:#50495f}.preview-records{display:grid;gap:9px;margin:20px 0}.preview-records details{padding:0;border:1px solid #d5d5df;border-radius:10px;overflow:hidden;background:#fff}.preview-records summary{padding:13px 15px;cursor:pointer;font-size:13px;font-weight:700;min-height:44px}.preview-records details[open]{border-color:#839caf;background:#f1f6f9}.preview-records details p{padding:0 15px 14px;margin:0;font-size:14px}.preview-records summary:after{content:'Open';float:right;font-size:10px;font-weight:500;color:#716982}.preview-records details[open] summary:after{content:'Reading'}.preview-records summary::marker{font-size:10px}.preview-choices{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.preview-choices>.preview-button{flex:1 1 110px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:white;color:#25213d;border:1.5px solid #bcc7d3;min-height:53px;box-shadow:0 3px 0 #e8edf0;padding:13px}.preview-button{background:#24203e;color:white;border:1.5px solid #24203e;border-radius:12px;min-height:46px;padding:13px 18px;font-size:13px;line-height:1.4;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}.preview-button:hover{background:#39304f;transform:translateY(-1px)}.preview-button.secondary{background:white;color:#24203e;border-color:#bdc4d0}.preview-button[aria-pressed=true],.preview-choices>.preview-button:hover{background:#e3f0ef;border-color:#52857c;color:#224d42}.preview-button:disabled{cursor:default;transform:none;opacity:.6}.preview-button:disabled[aria-pressed=true]{opacity:1}.preview-option-art{display:block;width:75px;max-width:100%}.preview-option-art svg{display:block;width:100%}.preview-feedback:empty{display:none}.preview-feedback{padding:18px;margin-top:18px;border-radius:14px;background:#f5f0fb;border:1px solid #e4dcef;color:#30273e}.preview-feedback[data-good=true]{background:#eaf3ed;border-color:#cddfd4;color:#284835}.preview-feedback strong{font-size:16px}.preview-feedback p{font-size:14px}.preview-buy-link{display:inline-block;color:inherit;font-size:13px;font-weight:750;text-underline-offset:5px;min-height:32px;padding-top:7px}.experience-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #dfe2e7;padding-top:18px;margin-top:22px;font-size:11px;line-height:1.5;color:#60596f}.experience-bottom .plain-button{font-size:12px;white-space:nowrap}.experience-story img{width:100%;border-radius:16px;display:block;aspect-ratio:1.15;object-fit:cover}.experience-story h2{font-size:25px;line-height:1.25}.experience-story p,.experience-print p{font-size:14px;line-height:1.7}.experience-print img{width:100%;height:auto;max-height:700px;object-fit:contain}.experience-demo .evidence-zoom{display:block;padding:0;border:1px solid #d9dfe8;width:100%;border-radius:10px;overflow:hidden;background:#fff;cursor:zoom-in}.experience-demo .evidence-diagram{display:block;width:100%;max-height:260px;object-fit:contain}.experience-demo .evidence-zoom+.small-note{font-size:11px;color:#655e70}.preview-field{display:grid;gap:7px;margin:14px 0;font-size:13px;font-weight:650}.preview-field input,.preview-field select{width:100%;min-width:0;min-height:46px;border:1px solid #b8becc;border-radius:10px;padding:10px 12px;background:white;color:#24203e;font:inherit;font-weight:400}.experience-demo .preview-small,.experience-demo .preview-position{font-size:11px;color:#665e75;line-height:1.6}.pip-preview-pattern{font-size:clamp(21px,2.2vw,34px);padding:17px 8px;letter-spacing:2px;text-align:center;background:#ecf5fb;border-radius:12px;white-space:pre-wrap}.product-experience[data-kind=pip] .experience-demo h2{font-size:26px}.preview-memory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.preview-memory-card{border:1.5px solid #bfd0da;min-height:102px;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:12px 5px;color:#29354c;cursor:pointer;box-shadow:0 3px 0 #d9e1e8}.preview-memory-card[data-shown=false]{background:repeating-linear-gradient(45deg,#e7eef8,#e7eef8 12px,#dce7f4 12px,#dce7f4 24px);font-size:30px}.preview-memory-card[aria-pressed=true]{background:#deeee2;border-color:#6d9d7d}.preview-memory-card img{width:59px;height:59px}.preview-memory-card span{font-size:13px}.preview-memory-card[data-shown=false] span{font-size:30px}.preview-memory-card:disabled{opacity:1;cursor:default}.preview-score{font-size:18px!important;font-weight:700}.preview-garden{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px;background:#e6eee1;border-radius:15px;margin:18px 0}.preview-garden-cell{min-height:68px;background:#f9fced;border:1.5px solid #738f6e;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:#3a533e}.preview-garden-cell:disabled{border-color:#d4dece;background:#eef1e8;cursor:default;color:#7c8379}.preview-garden-cell img{width:48px;height:48px}.preview-garden-cell[data-watered=true]{background:#cee8e9}.preview-garden-cell span{font-size:11px}.preview-garden-cell:not(:disabled):hover{background:#e0edd4}.experience-demo .preview-instruction{padding:12px;background:#eef3e7;border-radius:9px;font-size:13px}.preview-card-stack{border:1px solid #dcd5e8;border-radius:17px;padding:23px;margin-top:20px;background:#f7f3fc;box-shadow:0 5px 0 #eee6f4}.preview-card-stack h2{font-size:26px}.experience-demo .preview-card-text{font-size:18px;line-height:1.75;white-space:pre-line}.preview-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.preview-draw-prompt{padding:16px;background:#f1eaf9;border-radius:12px;font-size:18px!important;font-weight:650}.preview-pad canvas,.preview-drawing{display:block;width:100%;height:auto;border:1px solid #c7c8d4;border-radius:12px;background:#fff;touch-action:none}.preview-pad{margin-bottom:16px}.preview-pad .sketch-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.preview-pad .sketch-tool,.preview-pad .plain-button{min-height:36px;font-size:11px;border:1px solid #c7c8d4;border-radius:8px;padding:7px;background:white;color:#24203e}.preview-pad .sketch-tool[aria-pressed=true]{border:2px solid #443651}.preview-pad .sketch-tool:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--swatch);margin-right:5px;border:1px solid #ccc}.preview-room-clue{border-radius:14px;background:#eaf1fc;padding:24px;margin:20px 0}.preview-room-symbols{display:block;font-size:30px;letter-spacing:5px}.experience-demo meter{display:block;width:100%;margin-bottom:20px;height:14px}.experience-demo .guest-choices,.experience-demo .hotel-rooms{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.experience-demo .guest-choice{border:1px solid #b5b9ca;border-radius:40px;padding:10px 20px;background:white;min-height:44px;color:#201b38;cursor:pointer}.experience-demo .guest-choice[aria-pressed=true]{background:#e8e3f5;border-color:#776199}.experience-demo .hotel-room{flex:1;min-height:110px;white-space:pre-line;font-size:14px;line-height:1.8;padding:14px 6px;border:2px solid #b7b1c9;border-top:9px solid #9c84b6;border-radius:12px;background:#faf6ff;cursor:pointer;color:#201b38}.experience-demo .hotel-board .game-navigation{display:flex;gap:15px}.experience-demo .hotel-board .plain-button{font-size:12px}.experience-demo form>.preview-button{margin-top:10px}.product-journey{padding-top:50px}.journey-heading{max-width:740px}.journey-heading h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-1.2px;line-height:1.1;margin-bottom:17px}.journey-heading p{font-size:19px;line-height:1.6}.journey-beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:40px 0 48px;position:relative}.journey-beats:before{content:'';position:absolute;top:18px;left:35px;right:35px;border-top:2px dashed #c7c1d1}.journey-beats article{position:relative;padding:0 22px 12px 0}.journey-mark{display:inline-block;background:#f0ecf8;border:6px solid white;border-left:0;padding:6px 13px;font-size:12px;border-radius:50px;font-weight:700;position:relative}.journey-beats h3{font-size:24px;line-height:1.25;margin:23px 0 12px}.journey-beats p{font-size:16px;line-height:1.75;margin:0;color:#5a5366}.journey-included{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:35px;border-radius:20px;background:#f1f5f3;border:1px solid #dce5de}.journey-included h2{font-size:25px;margin:0 0 14px;line-height:1.2}.journey-included strong{display:block;font-size:18px;margin:0 0 14px}.journey-included p{font-size:15px;line-height:1.8;margin:0 0 17px}.journey-included .text-link{font-size:14px}.product-copy .online-product-note{margin-top:28px}.product-copy .product-accordions{margin-top:28px}.has-product-preview .product-copy h1{font-size:clamp(37px,4.2vw,61px)}.has-product-preview .product-concept{font-size:18px;line-height:1.7}.product-experience[data-game=S02] .preview-atmosphere{height:235px}.product-experience[data-game=S02] .experience-panel{background:#f9f8fb}.product-experience[data-game=S02] .preview-records details{background:#fffdfa}
@media(max-width:900px){.product-detail.has-product-preview{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.experience-panel{padding:17px}.preview-atmosphere{height:160px}.journey-beats{gap:15px}.has-product-preview .product-copy h1{font-size:36px}.has-product-preview .product-concept{font-size:16px}.preview-choices>.preview-button{flex-basis:90px}.journey-included{gap:25px;padding:25px}.preview-records summary:after{display:none}}
@media(max-width:680px){.product-detail.has-product-preview{display:flex;flex-direction:column;gap:28px;padding-top:5px}.product-experience{width:100%;border-radius:18px}.has-product-preview .product-copy{display:contents}.has-product-preview .collection-link,.has-product-preview .product-copy>h1,.has-product-preview .product-copy>.product-concept{order:-3}.has-product-preview .collection-link{margin-bottom:-16px}.has-product-preview .product-copy>h1{font-size:38px;margin:0}.has-product-preview .product-copy>.product-concept{margin:-10px 0 0}.has-product-preview .game-facts{margin:0;align-self:stretch}.has-product-preview .product-copy>.target-note{margin-top:-20px}.has-product-preview .product-copy>div,.has-product-preview .product-copy>p,.has-product-preview .product-copy>form{max-width:100%;width:100%}.has-product-preview .product-copy .product-release{margin:0}.has-product-preview .product-accordions{margin-top:0}.experience-panel{padding:17px}.experience-tabs button{font-size:11px}.preview-atmosphere{height:170px}.experience-demo h2{font-size:25px}.experience-demo p{font-size:14px}.pip-preview-pattern{font-size:24px;letter-spacing:1px}.preview-choices>.preview-button{flex-basis:75px;font-size:12px;padding:10px 7px}.preview-option-art{width:65px}.preview-card-stack{padding:18px}.experience-demo .preview-card-text{font-size:17px}.journey-beats{grid-template-columns:1fr;gap:23px;margin:28px 0}.journey-beats:before{top:20px;bottom:20px;left:20px;right:auto;border-left:2px dashed #c7c1d1;border-top:0}.journey-beats article{padding:0 0 0 40px}.journey-mark{border:6px solid white;margin-left:-38px}.journey-beats h3{margin:8px 0;font-size:23px}.journey-included{grid-template-columns:1fr;gap:20px;padding:23px}.journey-heading p{font-size:17px}.preview-room-symbols{font-size:24px;letter-spacing:3px}.experience-demo .hotel-room{min-height:98px}.product-experience[data-game=S02] .preview-atmosphere{height:190px}}
@media(prefers-reduced-motion:reduce){.preview-button{transition:none}.preview-button:hover{transform:none}}
.preview-case-desk{padding:16px;margin:22px 0;background:#e9e8f0;border:1px solid #dad5e3;border-radius:16px}.preview-exhibit-tabs{display:flex;gap:6px;margin-bottom:15px}.preview-exhibit{background:#f7f4ec;color:#4d4259;flex:1;border:1px solid #d0c9d4;border-radius:7px 7px 0 0;min-height:56px;padding:10px 6px;font-size:11px;font-weight:700;line-height:1.4;cursor:pointer}.preview-exhibit[aria-pressed=true]{background:#28243f;color:white;border-color:#28243f}.preview-exhibit[data-read=true]:after{content:'Read';font-size:9px;font-weight:400;display:block;margin-top:3px}.preview-exhibit-paper{padding:20px;background:#fffdf7;border-radius:3px 10px 10px 3px;box-shadow:-3px 4px 0 #dcd6df,0 6px 10px #201b380b;border-left:3px solid #b67a7a}.preview-exhibit-paper>small{font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#8b5655}.preview-exhibit-paper>p{font-size:15px;line-height:1.8}.case-timeline{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:7px solid #bc7378;padding-top:9px;margin:30px 0 26px;font-size:10px}.case-timeline strong{font-size:10px;color:#784149}.case-timeline i{position:absolute;left:50%;top:-25px;transform:translateX(-50%);font-size:11px;font-style:normal;font-weight:750}.case-timeline i:after{content:'';height:13px;border-left:2px solid #5a4057;position:absolute;left:50%;top:14px}@media(max-width:680px){.preview-case-desk{padding:12px}.preview-exhibit-paper{padding:16px}.preview-exhibit{font-size:10px}.preview-exhibit-paper>p{font-size:14px}}

.hotel-preview-shot{margin:28px 0}.hotel-preview-shot img{width:100%;height:auto;border-radius:18px}.hotel-preview-shot figcaption{font-size:.85rem;line-height:1.5;margin-top:10px;color:#59536a}

.experience-print .print-inside{margin:20px 0}.experience-print .print-inside img{display:block;width:100%;height:auto;border:1px solid #d5d4da;border-radius:4px;box-shadow:0 8px 22px #201d3810}.print-inside figcaption{font-size:.82rem;color:#625c6e;margin-top:10px}.print-cover-detail summary{cursor:pointer;font-weight:700;padding:14px 0}.print-format-note{font-size:.9rem;color:#625c6e}