@font-face{font-family:"Noto Serif JP";font-style:normal;font-weight:400 700;font-display:swap;src:url(./serif-CqselATK.ttf) format("truetype")}:root{font-family:"Noto Serif JP",serif;color:#ded3b9;background:#29271f;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;color:inherit;font:inherit;border:0;background:none}button:focus-visible{outline:1px solid #dfd0a8;outline-offset:5px}[hidden]{display:none!important}.scene{height:100svh;height:100dvh;width:100%;position:relative;overflow:hidden;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}#webgl{position:absolute;inset:0}.scene canvas{display:block;width:100%;height:100%;outline:none}.film-grain{position:absolute;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.93' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.scene:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 150px #0a090c50;background:linear-gradient(0deg,#15140f60,transparent 22%,transparent 85%,#15140f30)}.header{position:absolute;z-index:4;top:max(24px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;pointer-events:none}.header h1{font-size:15px;font-weight:400;letter-spacing:5px;margin:0;opacity:.65}.icon-button,.reset-button{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;color:#d9ccb28c}.icon-button svg,.reset-button svg{width:20px;height:20px}.icon-button:hover,.reset-button:hover{color:#f8e5be}.touch-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.grip{position:absolute;top:0;bottom:0;width:100%;pointer-events:auto;touch-action:none;cursor:grab;padding:0}.grip-left{left:0;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.grip-right{right:0;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.grip:focus-visible{outline:0;box-shadow:inset 0 0 0 1px #d9ccb240}.grip.held{cursor:grabbing}.controls{position:absolute;z-index:4;left:30px;right:22px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center}.materials{display:flex;gap:7px;align-items:center}.material{font-size:12px;letter-spacing:2px;min-width:44px;min-height:44px;color:#d9ccb267;position:relative;transition:color .2s}.material.active{color:#eee0bf}.material.active:after{content:"";position:absolute;bottom:4px;left:calc(50% - 2px);width:3px;height:3px;background:#d5c099;border-radius:50%}.material:hover{color:#f2dfb6}.result{position:absolute;z-index:3;bottom:clamp(76px,11.5dvh,97px);left:50%;transform:translate(-50%);display:flex;gap:18px;width:max-content;max-width:calc(100% - 48px);align-items:center;pointer-events:none;animation:appear .45s ease-out}.result-omen{border:1px solid #b66b5080;color:#d58e70;font-size:24px;letter-spacing:7px;writing-mode:vertical-rl;padding:10px 7px 4px;line-height:1.2;transform:rotate(-4deg)}.result-copy{max-width:280px;display:flex;flex-direction:column;gap:7px}.result-observation{font-size:12px;line-height:1.8;letter-spacing:.3px;color:#eadcc0;margin:0}.result-message{font-size:11px;line-height:1.8;letter-spacing:.3px;color:#c5b59b;text-wrap:pretty;margin:0}body.done .touch-layer{visibility:hidden;pointer-events:none}.render-error{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:30px;background:#29271f;color:#e6d9bf;font-size:13px}@keyframes appear{0%{opacity:0}to{opacity:1}}@media(min-width:800px){.header{top:32px;left:48px;right:40px}.controls{left:48px;right:40px;bottom:32px}.result{bottom:100px}.material{font-size:13px}.result-omen{font-size:26px}}@media(max-height:550px){.header{top:12px;left:20px;right:12px}.controls{bottom:10px;left:20px;right:12px}.result{bottom:67px;gap:13px}.result-omen{font-size:18px;padding:6px 4px 3px;letter-spacing:5px}.result-copy{gap:5px}.result-observation{font-size:10px}.result-message{font-size:9px;letter-spacing:.2px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:360px){.result{gap:14px;max-width:calc(100% - 36px)}.result-copy{gap:6px}.result-observation{font-size:10px;letter-spacing:.1px}.result-message{font-size:10px;letter-spacing:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.annotations{position:absolute;inset:0;z-index:3;pointer-events:none;animation:appear .4s ease-out}.annotations svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#ddc39b9c;stroke-width:.8;vector-effect:non-scaling-stroke}.annotation-ring{stroke:#e6caa6c0;fill:#b8986015}.annotation-dot{stroke:none;fill:#efcf9f}.annotation-label{position:absolute;padding:7px 6px;font-size:11px;line-height:1.8;letter-spacing:.4px;text-align:center;color:#edddbe;background:#231e16b8;border:1px solid #c7ad7e26;border-radius:2px;text-wrap:pretty}.result-copy{max-width:270px}.result-message{font-size:12px;line-height:1.9}@media(max-width:360px){.annotation-label{font-size:10px;padding:6px 4px;letter-spacing:.1px}.result-message{font-size:11px}}@media(max-height:550px){.annotation-label,.result-message{font-size:10px}}.result[data-rarity=rare] .result-omen{position:relative;color:#f1d694;border-color:#e3c17bb8;box-shadow:inset 0 0 0 3px #d9b96c0e,0 0 24px #e2bb5b12}.result[data-rarity=rare] .result-omen:after{content:"稀";position:absolute;top:-9px;right:-9px;writing-mode:horizontal-tb;font-size:9px;line-height:1;letter-spacing:0;padding:4px;color:#f4dfae;border:1px solid #c8a9609c;background:#2e271b}.result[data-rarity=rare] .result-message{color:#e6d3aa}.result-clue{margin:0;color:#b8ab91;font-size:10px;line-height:1.6;letter-spacing:.3px}.result-copy{gap:5px}.annotation-label{font-size:10px;line-height:1.7}.result-message{font-size:12px}@media(max-width:360px){.result-clue{font-size:9px}.result-message{font-size:10.5px;line-height:1.8}.result-copy{gap:4px}}.annotation-label{display:flex;flex-direction:column;gap:2px;padding:6px 4px}.annotation-key{font-size:9px;line-height:1.5;letter-spacing:.5px;color:#baad91}.annotation-value{font-size:11px;font-weight:400;line-height:1.6;color:#eee1c5;letter-spacing:.4px}@media(max-width:360px){.annotation-key{font-size:8px}.annotation-value{font-size:10px}}.result-topic{display:inline-block;font-size:9px;line-height:1.5;letter-spacing:.5px;padding:1px 4px;border:1px solid #c5b59b4d;border-radius:2px;color:#bba98a;margin-right:7px;vertical-align:1px}@media(max-width:360px){.result-topic{font-size:8px;padding:1px 3px;margin-right:5px}}.header-actions{display:flex;align-items:center;gap:12px;pointer-events:auto;font-family:system-ui,sans-serif;font-size:11px;color:#b9ad95}.header-actions select{color:inherit;background:#29271fa8;border:1px solid #b9ad9533;border-radius:3px;padding:7px 3px;max-width:105px;font:inherit;min-height:36px}.header-actions button{min-height:44px}.header-actions .icon-button{width:32px}.footer-actions{display:flex;align-items:center;gap:12px}#share-button{font-size:11px;min-height:44px;max-width:130px;color:#ded3b9}#share-button:disabled{opacity:.3;cursor:default}.site-info{position:absolute;z-index:4;bottom:max(7px,env(safe-area-inset-bottom));left:30px;right:30px;display:flex;gap:12px;align-items:center;justify-content:space-between;font:9px/1.5 system-ui,sans-serif;color:#b9ad9580;pointer-events:none}#share-status,#language-notice{color:#ded3b9;text-align:right}.credits{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;color:#ded3b9;background:#29271f;border:1px solid #a18c644d;border-radius:8px;padding:0;line-height:1.8;font:14px/1.8 system-ui,sans-serif;touch-action:pan-y}.credits::backdrop{background:#0b090ac9}.credits-body{padding:28px}.credits h2{margin:0 0 24px;font:24px Georgia,serif}.credits h3{margin:20px 0 8px;font-size:13px;color:#b9ad95}.credits p{margin:8px 0}.credits a{color:#e1c294;text-underline-offset:3px}.credits-close{border:1px solid #b9ad954f;border-radius:4px;padding:8px 24px;margin-top:20px}.credits :focus-visible{outline:2px solid #dfd0a8;outline-offset:3px}.credits h2:focus{outline:none}:root:not(:lang(ja)) .result-omen{writing-mode:horizontal-tb;letter-spacing:0;font-size:18px;padding:9px 8px;max-width:125px;flex-shrink:0}:root:not(:lang(ja)) .result{gap:12px}:root:not(:lang(ja)) .result-message{font-size:11px;line-height:1.6}:root:not(:lang(ja)) .header h1{letter-spacing:1px}:root:not(:lang(ja)) .material{font-size:11px;letter-spacing:0}.result[data-rarity=rare] .result-omen:after{content:attr(data-rare-label)}.result-omen{position:relative}@media(max-width:430px){.header{left:18px;right:12px;gap:8px}.header h1{font-size:12px;letter-spacing:3px;max-width:43%}.header-actions{gap:5px;font-size:10px}.header-actions select{max-width:83px}.controls{left:18px;right:12px}.site-info{left:18px;right:18px;font-size:8px}.material{min-width:38px}.materials{gap:3px}.footer-actions{gap:5px}#share-button{font-size:10px;max-width:100px}:root:not(:lang(ja)) .result-omen{font-size:15px;max-width:102px}:root:not(:lang(ja)) .result-message{font-size:10px}.result-copy{min-width:0}}@media(max-height:550px){.site-info{bottom:2px}.controls{bottom:14px}.result{bottom:72px}.header-actions{gap:8px}}