*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--color-ink);background:#e5eee5;font-size:14px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}button{min-height:44px}button:hover{filter:brightness(.97)}[hidden]{display:none!important}a{color:inherit}button:disabled{cursor:default;opacity:.55}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--color-surface);padding:15px}.skip:focus{top:12px}main,#world{position:absolute;inset:0}#world{outline-offset:-5px;background:radial-gradient(ellipse at 55% 28%,#f8f7e9,#d8e8de)}#world canvas{display:block;width:100%;height:100%;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.landmark{position:absolute;left:0;top:0;pointer-events:auto;transform:translate(-50%,-50%);white-space:nowrap;border:1px solid #fff9;background:#fffaf0ed;box-shadow:0 4px 12px #21423818;border-radius:30px;padding:0 15px 0 6px;min-height:44px;display:flex;align-items:center;gap:7px;font-size:12px;transition:background .2s,color .2s,opacity .2s}.landmark .pin-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:10px;background:var(--cat);color:white;font-family:ui-monospace,monospace}.landmark.selected{background:var(--color-ink);color:var(--color-surface);z-index:2}.landmark.dim{opacity:.52}.landmark:hover{z-index:3;background:var(--color-surface);color:var(--color-ink)}.brand{position:absolute;left:40px;top:29px;z-index:5}.brand a{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 13px Georgia,serif;letter-spacing:1.7px}.brand small{display:block;font:10px var(--font-body);letter-spacing:1.6px;margin-top:6px;color:var(--color-muted)}.brand-mark{width:43px;height:47px;display:grid;place-items:center;background:var(--color-ink);color:#f9f4e7;font:italic 30px Georgia;border-radius:15px 15px 20px 8px}.top-tools{position:absolute;top:31px;right:36px;display:flex;gap:8px;z-index:12}.top-tools button{background:#fffaf0e8;box-shadow:0 3px 15px #2142380a;padding:0 16px;border:1px solid #fff9;border-radius:12px;font-size:12px}.top-tools button>span:first-child{font-size:20px;vertical-align:-1px;margin-right:4px}.top-tools .round{width:44px;padding:0;border-radius:50%;font:italic 22px Georgia}.count{font:10px ui-monospace,monospace;background:#e8ecdf;padding:3px 5px;margin-left:9px;border-radius:4px}.intro{position:absolute;top:24%;left:4.2%;width:360px;z-index:4;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font:600 9px ui-monospace,monospace;letter-spacing:2.3px;margin:0 0 24px;color:var(--color-muted)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6d8761;margin-right:7px;vertical-align:1px;box-shadow:0 0 0 4px #6d876116}h1{font-size:clamp(36px,3.55vw,56px);font-weight:600;letter-spacing:2px;line-height:1.35;margin:0 0 24px}.island-word{position:relative;color:var(--color-accent)}.island-word svg{position:absolute;width:100%;bottom:-10px;left:0;overflow:visible}.island-word path{fill:none;stroke:#bc5137a0;stroke-width:2.5;stroke-linecap:round}.intro-copy{font-size:13px;line-height:2.1;color:var(--color-muted);margin:0 0 26px}.primary{display:flex;align-items:center;justify-content:space-between;gap:26px;width:fit-content;padding:14px 20px;border-radius:10px;background:var(--button-background);color:#fffaf0;text-decoration:none;min-height:48px;font-size:12px;letter-spacing:.5px}.primary>span{font-size:19px}.intro-foot{display:flex;align-items:center;gap:12px;margin-top:35px}.intro-foot strong{font:italic 38px Georgia;letter-spacing:-2px}.intro-foot span{font-size:10px;line-height:1.8;color:var(--color-muted)}.map-caption{position:absolute;right:45px;bottom:145px;writing-mode:vertical-rl;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:3px;color:#415f54;pointer-events:none}.caption-line{height:55px;width:1px;background:#617b6a66}.bottom{position:absolute;bottom:24px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none}.bottom>*{pointer-events:auto}.legend{display:grid;grid-template-columns:repeat(2,auto);gap:11px 18px;font-size:10px;color:#435c50}.legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cat);margin-right:7px}[data-cat=app]{--cat:var(--color-app)}[data-cat=web]{--cat:var(--color-web)}[data-cat=company]{--cat:var(--color-company)}[data-cat=community]{--cat:var(--color-community)}.time-control{display:flex;align-items:center;background:#fffaf0eb;border:1px solid #fff8;border-radius:16px;padding:5px 7px 5px 17px;box-shadow:var(--shadow);gap:11px}.time-caption{font-size:10px;letter-spacing:1px;color:var(--color-muted)}.time-buttons{display:flex;gap:2px}.time-buttons button,.auto,.pause{padding:0 11px;border-radius:10px;background:transparent;font-size:11px}.time-buttons .active{background:#e6eadb}.auto{border-left:1px solid #d8ddcc;border-radius:0;padding-left:13px}.auto[aria-pressed=true]{color:var(--color-accent);font-weight:700}.pause{font-size:16px;padding:0;width:35px}.gesture{font-size:10px;letter-spacing:.6px;color:#435c50}.directory{position:absolute;right:35px;top:92px;bottom:110px;width:325px;z-index:10;display:flex;flex-direction:column;border:1px solid #fff9;border-radius:var(--radius);background:#fffaf0f5;box-shadow:var(--shadow);padding:26px 22px 12px;backdrop-filter:blur(18px)}.panel-head{display:flex;justify-content:space-between;gap:5px;align-items:start}.panel-head .eyebrow{margin-bottom:10px;font-size:8px}.panel-head h2{font-size:20px;letter-spacing:1px;margin:0}.close{background:transparent;width:44px;min-width:44px;padding:0;border-radius:50%;font-size:25px;font-weight:300}.panel-head .close{margin-top:-10px;margin-right:-10px}.search{display:flex;gap:10px;background:#eeeee2;border:1px solid #e2e3d6;padding:0 13px;border-radius:10px;margin-top:23px;align-items:center}.search span{font-size:24px}.search input{width:100%;min-width:0;background:transparent;border:0;min-height:44px;outline-offset:1px;font-size:12px;color:var(--color-ink)}.filters{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.filters button{border-radius:6px;background:transparent;font-size:10px;min-height:44px;padding:0 8px;color:var(--color-muted)}.filters button.active{background:var(--color-ink);color:var(--color-surface)}#project-list{overflow:auto;flex:1;min-height:0;padding:2px}#project-list h3{font-size:9px;letter-spacing:1.5px;margin:20px 0 9px;font-weight:400;color:var(--color-muted)}.project-row{width:100%;background:none;text-align:left;display:flex;gap:12px;align-items:center;padding:12px 3px;border-bottom:1px solid #e4e5d8}.project-row:hover{background:#eeeede;border-radius:8px}.row-number{font:italic 22px Georgia;color:var(--cat);width:32px}.row-name{font-size:13px;display:block}.row-sub{font:9px Georgia;color:var(--color-muted);display:block;margin-top:4px}.row-arrow{margin-left:auto;color:var(--color-muted)}.directory-foot{font-size:10px;color:var(--color-muted);padding-top:12px;border-top:1px solid #e4e5d8}.detail{position:absolute;left:36px;top:108px;bottom:110px;max-height:660px;width:330px;border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow);overflow:auto;z-index:11}.detail>.close{position:absolute;right:10px;top:10px;z-index:1;background:#fffaf0d9}#detail-art{height:145px;background:var(--art-bg,#cddfcf);position:relative;display:grid;place-items:center;overflow:hidden}#detail-art:before,#detail-art:after{content:"";position:absolute;border:1px solid #fff5;border-radius:50%;width:250px;height:250px;transform:rotateX(55deg)}#detail-art:after{width:180px;height:180px}#detail-number{position:absolute;bottom:8px;left:22px;font:italic 65px Georgia;color:#253d3626}.art-symbol{font:italic 49px Georgia;color:var(--color-ink);z-index:1;letter-spacing:-2px}.detail-body{padding:25px}.detail-body .eyebrow{margin-bottom:10px;font-size:9px}.detail-body h2{margin:0;font-size:27px;letter-spacing:1px}.detail-en{font:italic 12px Georgia;color:var(--color-muted);margin:8px 0 24px}.detail-body h3{font-size:14px;line-height:1.8;font-weight:500;margin:0 0 9px}.detail-body p:not(.eyebrow,.detail-en,.external-note,.missing){font-size:12px;line-height:2;color:var(--color-muted)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}.tags span{padding:6px 9px;background:#eeeee1;border-radius:6px;font-size:9px}.detail-body .primary{width:100%}.external-note{font-size:9px;color:var(--color-muted);text-align:center;margin:11px 0 0}.missing{font-size:12px;text-align:center;background:#edeee2;padding:14px;border-radius:8px;color:var(--color-muted)}#status{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid #fff9;background:var(--color-surface);box-shadow:var(--shadow);border-radius:16px;padding:20px 25px;font-size:12px;z-index:9;max-width:min(380px,85vw);line-height:1.8}body.scene-error #status{top:auto;bottom:112px;transform:translateX(-50%)}body.scene-error .intro{display:none}body.scene-error .directory{display:flex}dialog{border:1px solid #fff;max-width:430px;width:calc(100% - 36px);padding:38px;border-radius:24px;color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow)}dialog::backdrop{background:#1d393955;backdrop-filter:blur(5px)}dialog>.close{position:absolute;top:10px;right:10px}dialog h2{font-size:28px;line-height:1.5;font-weight:500}dialog ol{padding-left:22px;margin:28px 0}dialog li{padding-left:7px;margin-bottom:20px;font-size:12px}dialog li p{font-size:11px;line-height:1.7;color:var(--color-muted)}.help-keyboard{font-size:10px;line-height:1.8;color:var(--color-muted);margin-bottom:22px}.noscript{position:fixed;z-index:30;inset:100px 20px auto;padding:25px;background:var(--color-surface);line-height:2}.panel-open .intro{display:none}#empty{font-size:12px;line-height:1.9}.landmark:focus-visible{z-index:4}
@media(min-width:1700px){.intro{left:6%;top:28%}}
@media(max-width:1100px){.intro{left:30px;width:250px;top:23%}h1{font-size:38px}.intro-copy{font-size:12px}.gesture{display:none}.bottom{left:30px;right:30px}.brand{left:30px}.map-caption{right:24px}.directory{right:25px}.detail{left:25px;width:310px}.time-control{gap:5px}}
@media(max-width:800px){.brand{left:20px;top:22px}.brand a{font-size:11px;gap:9px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:34px;height:39px;font-size:25px}.top-tools{top:22px;right:18px;gap:5px}.top-tools button{font-size:10px;padding:0 12px}.top-tools .round{display:none}.count{display:none}.intro{top:110px;left:25px;width:calc(100% - 50px);max-width:360px}.intro .eyebrow{font-size:8px;margin-bottom:13px}h1{font-size:32px;line-height:1.3;margin-bottom:14px}h1 br{display:block}.intro-copy{font-size:11px;line-height:1.8;max-width:240px;margin-bottom:17px}.intro-copy br:nth-of-type(2){display:none}.intro-foot{display:none}.intro .primary{font-size:11px;padding:10px 15px;min-height:44px}.map-caption{display:none}.bottom{bottom:max(16px,env(safe-area-inset-bottom));left:18px;right:18px;flex-direction:column;gap:13px}.legend{display:flex;gap:15px;justify-content:center;font-size:8px}.time-control{padding:4px 6px 4px 12px;gap:4px;justify-content:center;width:fit-content}.time-caption{font-size:9px;letter-spacing:0}.time-buttons button{font-size:10px;padding:0 10px}.auto{font-size:10px;padding:0 9px}.pause{width:26px}.landmark{font-size:10px;min-height:44px;padding-right:10px;gap:5px}.landmark .pin-number{width:21px;height:21px;font-size:8px}.directory{top:auto;left:12px;right:12px;bottom:12px;width:auto;height:61%;max-height:600px;padding:22px;z-index:15;border-radius:24px}.directory:before,.detail:before{content:"";position:absolute;top:7px;left:calc(50% - 18px);width:36px;height:3px;border-radius:3px;background:#ccd1bf}.detail{left:12px;right:12px;top:auto;bottom:12px;width:auto;height:47%;max-height:520px;z-index:16;display:flex;flex-direction:column}#detail-art{height:85px;min-height:85px}#detail-number{font-size:44px}.art-symbol{font-size:34px}.detail-body{padding:18px 22px}.detail-body h2{font-size:23px}.detail-en{margin:5px 0 14px}.detail-body h3{font-size:13px}.tags{margin:14px 0}.detail-body .eyebrow{font-size:8px}.detail>.close{position:fixed;right:24px;top:auto;margin-top:11px}.filters button{min-height:44px}.directory-foot{margin-bottom:0}.panel-head h2{font-size:19px}body.scene-error #status{bottom:auto;top:92px;transform:translateX(-50%);width:90%;max-width:none}.panel-open .bottom{visibility:hidden}}
@media(max-width:420px){.brand small{max-width:145px;font-size:7px;letter-spacing:.4px}.top-tools{right:14px}.top-tools button{padding:0 8px}.top-tools button>span:first-child{margin:0}.brand{left:16px}.intro{left:21px}.time-buttons button{padding:0 8px}.legend{gap:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.detail,.directory,dialog{overscroll-behavior:contain}.detail{scroll-padding-bottom:20px}.detail-body{flex-shrink:0}h1,h2,h3{text-wrap:balance}.intro-copy{text-wrap:pretty}.landmark,.filters button{min-height:44px}.search input{font-size:16px}.skip{font-size:14px}
@media(max-height:680px) and (min-width:801px){.intro{top:105px}.intro-foot{display:none}.detail{top:90px;bottom:90px}.directory{top:90px;bottom:90px}.intro-copy{margin-bottom:16px}h1{font-size:36px}}
@media(max-width:800px){.intro-copy{font-size:12px;max-width:280px}.detail{padding-top:0}.detail>.close{position:sticky;float:right;top:10px;right:10px;margin:10px 10px -54px auto;align-self:flex-end;flex-shrink:0}.brand{padding-top:env(safe-area-inset-top)}.top-tools{padding-top:env(safe-area-inset-top)}}
.detail-body .store-link{margin-top:10px;background:transparent;color:var(--color-ink);border:1px solid var(--color-ink)}.detail-body .store-link:hover{background:#e6eadb}