:root{--sumi:#090d0c;--gold:#c7a966;--white:#f5f3ec;--line:rgba(238,231,211,.20)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:#050807;color:var(--white);font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;-webkit-font-smoothing:antialiased}.stage{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:520px;min-height:100svh;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 22px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 12%,rgba(39,78,64,.45),transparent 33%),linear-gradient(160deg,#101b18 0%,var(--sumi) 48%,#07100e 100%);border-top:3px solid var(--gold)}.stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.halo{position:absolute;z-index:-1;top:7%;left:50%;translate:-50% 0;width:min(76vw,390px);aspect-ratio:1;border:1px solid rgba(199,169,102,.13);border-radius:50%;box-shadow:0 0 80px rgba(80,130,106,.08),inset 0 0 60px rgba(199,169,102,.025)}.threads{position:absolute;z-index:-1;bottom:0;left:-5%;width:110%;height:25svh;opacity:.18}.threads path{fill:none;stroke:#d6cab0;stroke-width:1}.identity{text-align:center}.location{font-size:12px;letter-spacing:.18em;color:#d7cdb8}.location span{margin-left:12px;padding-left:12px;border-left:1px solid rgba(215,205,184,.42)}.portrait{width:clamp(82px,13svh,116px);aspect-ratio:1;margin:clamp(14px,2.2svh,22px) auto 9px;padding:3px;border-radius:50%;border:1px solid rgba(199,169,102,.55);box-shadow:0 0 0 7px rgba(255,255,255,.018),0 16px 55px rgba(0,0,0,.38)}.portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.78) contrast(1.04)}.name-wrap{display:flex;justify-content:center;align-items:center;gap:16px}.name-wrap h1{font-size:clamp(36px,6.2svh,52px);font-weight:600;line-height:1.15;letter-spacing:.26em;text-indent:.26em;text-shadow:0 4px 20px #000}.line{display:block;width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.line.right{background:linear-gradient(90deg,var(--gold),transparent)}.role{margin-top:7px;font-size:clamp(14px,2svh,17px);font-weight:600;letter-spacing:.22em;text-indent:.22em}.handle{display:inline-block;margin-top:8px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:#9aa69f}.center{width:100%;max-width:430px;margin:clamp(13px,2svh,22px) auto;text-align:center}.statement{font-size:clamp(14px,1.9svh,17px);line-height:1.9;letter-spacing:.05em;color:#e8e6df}.statement em{font-style:normal;color:#e0c98f;box-shadow:inset 0 -.25em 0 rgba(199,169,102,.12)}.divider{display:flex;align-items:center;gap:12px;margin:clamp(12px,1.8svh,18px) 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.divider span{font-size:11px;letter-spacing:.24em;color:#b9b39f}.topics{display:grid;grid-template-columns:1fr 1fr;gap:7px 8px;list-style:none}.topics li{padding:8px 7px;border:1px solid rgba(215,205,184,.27);background:rgba(3,8,7,.42);font-size:clamp(12px,1.7svh,14px);letter-spacing:.08em;color:#f0eee7;backdrop-filter:blur(4px)}.actions{width:100%;max-width:430px;margin:0 auto;text-align:center}.lead{font-size:clamp(14px,1.9svh,17px);line-height:1.75;letter-spacing:.08em}.lead b{color:#e1c77f;font-weight:600}.arrow{display:block;width:12px;height:12px;margin:9px auto 11px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);animation:drop 1.8s ease-in-out infinite}.line-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(66px,9svh,82px);color:#142018;background:linear-gradient(135deg,#e8ddc0,#c9aa68);border:1px solid #f3e7c9;text-decoration:none;box-shadow:0 0 30px rgba(199,169,102,.14),0 12px 30px rgba(0,0,0,.3);transition:transform .2s,filter .2s}.line-btn span{font-size:clamp(17px,2.4svh,21px);font-weight:700;letter-spacing:.16em;text-indent:.16em}.line-btn small{margin-top:5px;font-family:ui-sans-serif,sans-serif;font-size:10px;letter-spacing:.15em}.line-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.sub-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:10px;color:#89968f}.sub-row a{color:#cec3aa;text-underline-offset:4px;white-space:nowrap}@keyframes drop{0%,100%{translate:0 -2px;opacity:.45}50%{translate:0 3px;opacity:1}}a:focus-visible{outline:2px solid #f4dc9e;outline-offset:4px}@media(min-width:600px){body{padding:24px}.stage{min-height:min(860px,calc(100svh - 48px));border:1px solid rgba(199,169,102,.2);border-top:3px solid var(--gold);box-shadow:0 25px 90px #000}.portrait{margin-top:22px}}@media(max-height:700px){.stage{padding-top:14px;padding-bottom:12px}.location{font-size:10px}.portrait{width:76px;margin-top:10px}.name-wrap h1{font-size:34px}.role{font-size:13px}.center{margin:9px auto}.divider{margin:9px 0}.topics li{padding:6px}.arrow{margin:5px auto 8px}.line-btn{min-height:60px}.sub-row{margin-top:7px}}@media(max-width:360px){.stage{padding-left:16px;padding-right:16px}.sub-row{justify-content:center;flex-wrap:wrap}.sub-row span{display:none}}@media(prefers-reduced-motion:reduce){.arrow{animation:none}.line-btn{transition:none}}