:root{--ink:#2b2b3a;--cream:#fff8ea;--yellow:#ffc933;--yellow-dark:#e8a91c;--red:#e8443a;--green:#2fa04f;--blue:#3fa7ff;--sky:#7fd4ff;--font-display:"Fredoka", "Noto Sans SC", sans-serif;--font-body:"Nunito", "Noto Sans SC", sans-serif;--shadow-hard:0 5px 0 #2b2b3ae6;--shadow-pop:0 14px 0 #2b2b3a29, 0 22px 48px #14284659}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background:#5ec2f2;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button{cursor:pointer;font-family:inherit}a{color:inherit;cursor:pointer;text-decoration:none}.loader{z-index:100;background:radial-gradient(1000px 620px at 50% 30%,#aee6ff 0%,#5ec2f2 60%,#3ea8e0 100%);justify-content:center;align-items:center;transition:opacity .7s,visibility .7s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loader.is-done{opacity:0;visibility:hidden}.loader__inner{text-align:center}.loader__logo{font-family:var(--font-display);letter-spacing:.06em;color:var(--cream);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 6px #2b2b3ad9,0 14px 30px #14325a59;font-size:clamp(38px,6vw,68px);font-weight:700;transform:rotate(-2deg)}.loader__sub{letter-spacing:.42em;text-indent:.42em;color:#2b2b3abf;margin-top:14px;font-size:13px;font-weight:800}.loader__bar{background:var(--cream);border:3px solid var(--ink);width:min(400px,70vw);height:14px;box-shadow:var(--shadow-hard);border-radius:12px;margin:30px auto 0;overflow:hidden}.loader__bar-fill{background:repeating-linear-gradient(-45deg, var(--yellow) 0 14px, var(--yellow-dark) 14px 28px);width:0%;height:100%;transition:width .25s}.loader__tip{letter-spacing:.2em;color:#2b2b3aa6;margin-top:14px;font-size:12px;font-weight:700}.topbar{z-index:20;opacity:0;justify-content:space-between;align-items:center;padding:20px 32px;transition:opacity .7s .1s,transform .7s cubic-bezier(.22,1.4,.36,1) .1s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-14px)}body.is-ready .topbar{opacity:1;transform:none}.topbar__brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.brand-die{filter:drop-shadow(0 4px #2b2b3ad9);width:44px;height:44px;transition:transform .35s cubic-bezier(.22,1.6,.36,1)}.topbar__brand:hover .brand-die{transform:rotate(-14deg)scale(1.08)}.brand-word{font-family:var(--font-display);letter-spacing:.06em;color:var(--cream);-webkit-text-stroke:1.6px var(--ink);paint-order:stroke fill;text-shadow:0 3px #2b2b3ad9;font-size:20px;font-weight:700}.topbar__nav{align-items:center;gap:10px;display:flex}.topbar__nav a{font-family:var(--font-display);letter-spacing:.12em;color:var(--cream);text-shadow:0 2px #2b2b3a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2b2b3a8c;border:2.5px solid #fff8ea66;border-radius:14px;padding:9px 18px;font-size:13px;font-weight:600;transition:transform .18s cubic-bezier(.22,1.6,.36,1),background .2s,border-color .2s,box-shadow .18s;box-shadow:0 3.5px #141a288c,inset 0 2px #fff8ea2e}.topbar__nav a:hover{background:#2b2b3abf;border-color:#fff8eab3;transform:translateY(-2px)scale(1.06)rotate(-1deg)}.topbar__nav a:active{transform:translateY(2px)scale(.98);box-shadow:0 1px #141a288c}.topbar__nav a.is-active{background:linear-gradient(180deg, #ffe58a 0%, var(--yellow) 55%, #f5b81f 100%);color:var(--ink);text-shadow:none;border-color:var(--ink);box-shadow:0 4px #2b2b3ad9,inset 0 2.5px #ffffff8c}.topbar__right{align-items:center;gap:10px;display:flex}.topbar__brand.is-ping .brand-die{animation:.5s cubic-bezier(.22,1.8,.36,1) brand-ping}@keyframes brand-ping{0%{transform:scale(1)}40%{transform:scale(1.18)rotate(-14deg)}to{transform:scale(1)}}.nav-drop{display:none;position:relative}.nav-drop__current{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;background:#2b2b3ab8;border:2.5px solid #fff8ea59;border-radius:12px;max-width:46vw;padding:8px 14px;font-size:12px;font-weight:700;overflow:hidden}.nav-drop__current:after{content:"▾";margin-left:8px}.nav-drop__list{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#2b2b3af0;border:2.5px solid #fff8ea59;border-radius:16px;flex-direction:column;gap:2px;min-width:210px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)}.nav-drop__list.is-open{opacity:1;visibility:visible;transform:none}.nav-drop__list a{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:600}.nav-drop__list a.is-active{background:var(--cream);color:var(--ink)}.lang-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2b2b3aeb;border:2.5px solid #fff8ea99;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:4px;display:flex}.lang-toggle__opt{font-family:var(--font-display);letter-spacing:.05em;color:var(--cream);text-shadow:0 1.5px #0000008c;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;transition:transform .15s cubic-bezier(.22,1.6,.36,1),background .2s,color .2s}.lang-toggle__opt:not(.is-active){background:#fff8ea29}.lang-toggle__opt:hover:not(.is-active){color:#ffd968;background:#fff8ea42;transform:translateY(-1px)}.lang-toggle__opt.is-active{background:linear-gradient(180deg, #ffe58a 0%, var(--yellow) 55%, #f5b81f 100%);color:var(--ink);text-shadow:none;box-shadow:0 2.5px #00000059,inset 0 2px #ffffff8c}.hero{z-index:15;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hero.is-hidden{opacity:0;transform:translateY(-40px)scale(.96);pointer-events:none!important}.hero.is-hidden .hero__cta,.hero.is-hidden .hero__note{pointer-events:none}.hero__title{font-family:var(--font-display);letter-spacing:.03em;color:var(--cream);-webkit-text-stroke:clamp(2px, .45vw, 5px) var(--ink);paint-order:stroke fill;text-shadow:0 8px #2b2b3ad9,0 22px 44px #14325a59;font-size:clamp(46px,9vw,120px);font-weight:700;line-height:1.05;animation:3.2s ease-in-out infinite hero-bob;transform:rotate(-2deg)}@keyframes hero-bob{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-10px)}}.hero__sub{letter-spacing:.14em;color:var(--cream);text-shadow:0 2.5px #2b2b3acc;background:#2b2b3a73;border:2px solid #fff8ea40;border-radius:999px;margin-top:22px;padding:8px 22px;font-size:clamp(14px,1.8vw,20px);font-weight:800}.hero__sub-en{letter-spacing:.34em;text-indent:.34em;color:#fff8eae6;text-shadow:0 2px #2b2b3acc;margin-top:10px;font-size:11px;font-weight:700}.hero__cta{pointer-events:auto;font-family:var(--font-display);letter-spacing:.12em;color:var(--ink);background:linear-gradient(180deg, #ffe58a 0%, var(--yellow) 55%, #f5b81f 100%);border:4px solid var(--ink);border-radius:22px;margin-top:36px;padding:18px 50px;font-size:18px;font-weight:700;transition:transform .16s cubic-bezier(.22,1.6,.36,1),box-shadow .16s;box-shadow:0 7px #2b2b3ae6,inset 0 3px #fff9,0 22px 44px #e8a91c73}.hero__cta:hover{transform:translateY(-3px)scale(1.05)rotate(-1deg);box-shadow:0 10px #2b2b3ae6,inset 0 3px #fff9,0 26px 52px #e8a91c8c}.hero__cta:active{transform:translateY(4px)scale(.98);box-shadow:0 1px #2b2b3ae6,inset 0 3px #fff9}.hero__note{letter-spacing:.1em;color:var(--cream);text-shadow:0 2px #2b2b3acc;pointer-events:auto;cursor:pointer;background:#2b2b3a8c;border:2.5px dashed #fff8eaa6;border-radius:999px;margin-top:0;padding:14px 30px;font-size:15px;font-weight:800;transition:background .2s,border-color .2s,border-style .2s;animation:1.6s ease-in-out infinite hero-note-bob;position:fixed;bottom:4.5vh;left:50%}.hero__note:hover{border-style:solid;border-color:var(--yellow);background:#2b2b3ae0}.hero__note:active{background:var(--yellow);color:var(--ink);text-shadow:none}@keyframes hero-note-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-4px)}}.scene-indicator{z-index:14;font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);background:var(--cream);border:3px solid var(--ink);opacity:0;white-space:nowrap;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .5s;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 4px #2b2b3ad9}body.is-journey .scene-indicator{opacity:1}.scene-indicator__sep{opacity:.4;margin:0 8px}.dock{z-index:16;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:12px;transition:opacity .6s,translate .6s cubic-bezier(.22,1.4,.36,1);display:flex;position:fixed;bottom:22vh;left:50%;transform:translate(-50%)translateY(24px)}body.is-journey .dock{opacity:1;pointer-events:auto;translate:0}.dock__dice-result{gap:10px;height:44px;display:flex}.dock__die{width:46px;height:46px;font-family:var(--font-display);color:var(--red);background:linear-gradient(180deg, #fffdf4 0%, var(--cream) 55%, #f3e6c8 100%);border:3.5px solid var(--ink);border-radius:14px;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:transform .3s cubic-bezier(.22,1.6,.36,1);display:flex;box-shadow:0 5px #2b2b3ad9,inset 0 2.5px #ffffffb3}.dock__die.is-pop{animation:.5s cubic-bezier(.22,1.8,.36,1) die-pop}@keyframes die-pop{0%{transform:scale(.3)rotate(-30deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)rotate(0)}}.dock__roll{color:var(--ink);background:linear-gradient(180deg, #ffe58a 0%, var(--yellow) 55%, #f5b81f 100%);border:4px solid var(--ink);border-radius:22px;flex-direction:column;align-items:center;gap:1px;padding:16px 56px;transition:transform .15s cubic-bezier(.22,1.6,.36,1),box-shadow .15s,filter .2s,opacity .3s;animation:2.4s ease-in-out infinite roll-breathe;display:flex;box-shadow:0 7px #2b2b3ae6,inset 0 3px #fff9,0 20px 44px #e8a91c80}@keyframes roll-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.09)}}.dock__roll:hover:not(:disabled){transform:translateY(-3px)scale(1.06)rotate(-1deg);box-shadow:0 10px #2b2b3ae6,inset 0 3px #fff9,0 26px 52px #e8a91c99}.dock__roll:active:not(:disabled){animation:none;transform:translateY(4px)scale(.97);box-shadow:0 1px #2b2b3ae6,inset 0 3px #fff9}.dock__roll:disabled{opacity:.55;cursor:default;animation:none}.dock__roll-main{font-family:var(--font-display);letter-spacing:.18em;text-indent:.18em;font-size:21px;font-weight:700}.dock__roll-sub{letter-spacing:.3em;text-indent:.3em;opacity:.6;font-size:9.5px;font-weight:800}.dock__hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--cream);letter-spacing:.12em;background:#2b2b3ab8;border:2.5px solid #fff8ea59;border-radius:999px;align-items:center;gap:10px;padding:9px 20px;font-size:12px;font-weight:700;animation:2.2s ease-in-out infinite hint-float;display:flex}@keyframes hint-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dock__hint span:last-child{background:linear-gradient(90deg,#fff8ea 30%,#ffd968 50%,#fff8ea 70%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite hint-shine}@keyframes hint-shine{0%{background-position:120% 0}to{background-position:-120% 0}}.dock__hint-dice{gap:4px;display:flex}.dock__hint-dice i{background:var(--yellow);border:1.5px solid #2b2b3a99;border-radius:3px;width:8px;height:8px;animation:1.1s cubic-bezier(.22,1.6,.36,1) infinite hint-dice}.dock__hint-dice i:nth-child(2){background:var(--red);animation-delay:.13s}.dock__hint-dice i:nth-child(3){background:var(--green);animation-delay:.26s}@keyframes hint-dice{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-7px)rotate(24deg)}70%{transform:translateY(0)rotate(-8deg)}}.panel{z-index:60;-webkit-backdrop-filter:blur(10px)saturate(1.05);opacity:0;visibility:hidden;background:#1e2e468c;justify-content:center;align-items:center;padding:4vh 3vw;transition:opacity .35s,visibility .35s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.panel.is-open{opacity:1;visibility:visible}.panel__card{overscroll-behavior:contain;scrollbar-width:thin;background:var(--cream);border:5px solid var(--ink);width:min(94vw,clamp(880px,56vw,1480px));max-height:92vh;box-shadow:var(--shadow-pop);border-radius:24px;flex-direction:column;transition:transform .5s cubic-bezier(.22,1.4,.36,1);display:flex;position:relative;overflow:hidden auto;transform:translateY(28px)scale(.95)}.panel.is-open .panel__card{transform:none}.panel__close{z-index:2;aspect-ratio:1;width:44px;height:44px;color:var(--cream);background:linear-gradient(180deg, #ff7d6f 0%, var(--red) 55%, #d2352c 100%);border:3.5px solid var(--ink);border-radius:50%;flex:none;justify-content:center;align-self:flex-end;align-items:center;margin:16px 18px -60px 0;padding:0;font-size:23px;font-weight:900;line-height:1;transition:transform .2s cubic-bezier(.22,1.6,.36,1),box-shadow .2s;display:inline-flex;position:sticky;top:16px;box-shadow:0 4px #2b2b3ad9,inset 0 2.5px #ffffff73}.panel__close:hover{transform:rotate(90deg)scale(1.08)}.panel__close:active{transform:scale(.92);box-shadow:0 1px #2b2b3ad9,inset 0 2.5px #ffffff73}.panel__media{border-bottom:5px solid var(--ink);background:#dff2ff;border-radius:18px 18px 0 0;flex:none;height:clamp(200px,36vh,560px);position:relative;overflow:hidden}.panel__media img{object-fit:cover;width:100%;height:100%;transition:opacity .35s;display:block}.panel__media--video{aspect-ratio:16/9;background:#000;height:auto;max-height:58vh}.panel__media--video video,.panel__media--video iframe{object-fit:contain;border:0;width:100%;height:100%;display:block}.panel__media-nav{background:var(--cream);border:2.5px solid var(--ink);border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:12px;right:14px;box-shadow:0 3px #2b2b3ad9}.panel__media-nav button{aspect-ratio:1;border:2px solid var(--ink);background:var(--yellow);width:26px;height:26px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:900;line-height:1;transition:transform .15s;display:inline-flex}.panel__media-nav button:hover{transform:scale(1.12)}.panel__body{flex:none;padding:26px 30px 40px}.panel__kicker{font-family:var(--font-display);letter-spacing:.24em;color:var(--red);font-size:12px;font-weight:700}.panel__title{font-family:var(--font-display);letter-spacing:.01em;margin-top:10px;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.15}.panel__subtitle{color:#2b2b3aa6;margin-top:6px;font-size:15px;font-weight:700}.panel__desc{color:#2b2b3ad9;margin-top:18px;font-size:13.5px;font-weight:600;line-height:1.9}.panel__desc p+p{margin-top:10px}.panel__desc p.c{text-align:center}.panel__desc strong{color:var(--ink);font-weight:900}.panel__desc a{color:var(--red);overflow-wrap:anywhere;border-bottom:2px solid #e8443a59;font-weight:800}.panel__desc a:hover{opacity:.7}.panel__desc h4{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink);align-items:center;gap:8px;margin:22px 0 4px;font-size:15px;font-weight:700;display:flex}.panel__desc h4:before{content:"";background:var(--red);border:2px solid var(--ink);border-radius:3px;flex:none;width:8px;height:8px;box-shadow:0 1.5px #2b2b3a99}.panel__sec{font-family:var(--font-display);letter-spacing:.24em;color:var(--red);border-bottom:3px dashed #2b2b3a40;margin:26px 0 12px;padding-bottom:8px;font-size:12px;font-weight:700}.panel__video{aspect-ratio:16/9;border:3.5px solid var(--ink);background:#000;border-radius:14px;width:100%;display:block;box-shadow:0 4px #2b2b3ad9}.panel__shot{border:3.5px solid var(--ink);background:#dff2ff;border-radius:14px;width:100%;margin-top:12px;display:block;box-shadow:0 4px #2b2b3ad9}.panel__desc .panel__shot{width:auto;max-width:100%;max-height:72vh;margin:16px auto 6px}.panel__grid{gap:18px 16px;margin:20px 0 10px;display:grid}.panel__cell{text-align:center;margin:0}.panel__cell img{border:3px solid var(--ink);background:#fff;border-radius:12px;width:100%;display:block;box-shadow:0 3px #2b2b3ad9}.panel__cell figcaption{color:#2b2b3abf;margin-top:8px;font-size:12.5px;font-weight:700}.panel__footer{border-top:3px dashed #2b2b3a40;margin-top:24px;padding-top:20px}.panel__pager{gap:10px;display:flex}.panel__pager button{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:12px;flex:1;padding:12px 6px;font-size:12.5px;font-weight:700;transition:transform .15s cubic-bezier(.22,1.6,.36,1),box-shadow .15s;box-shadow:0 3px #2b2b3ad9}.panel__pager button:hover{background:var(--yellow);transform:translateY(-2px);box-shadow:0 5px #2b2b3ad9}.panel__pager button:active{transform:translateY(2px);box-shadow:0 1px #2b2b3ad9}@media (min-width:1800px){.panel__body{padding:34px 46px 54px}.panel__kicker{font-size:14px}.panel__title{font-size:clamp(30px,1.8vw,40px)}.panel__subtitle{font-size:17px}.panel__desc{margin-top:22px;font-size:15.5px}.panel__desc h4{font-size:17px}.panel__sec{font-size:13px}.panel__media-nav{font-size:13.5px}.panel__media-nav button{width:30px;height:30px;font-size:16px}.panel__close{width:52px;height:52px;margin-bottom:-68px;font-size:27px}.panel__pager button{padding:15px 8px;font-size:14px}.panel__vidlink{font-size:15px}}.event-card{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;background:#2b2b3a66;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.event-card.is-open{opacity:1;visibility:visible}.event-card__paper{text-align:center;width:min(410px,88vw);color:var(--ink);border:4px solid var(--ink);box-shadow:var(--shadow-pop);background:linear-gradient(165deg,#fffdf4 0%,#fff3d6 60%,#ffe9b0 100%);border-radius:22px;padding:36px 34px 32px;transition:transform .5s cubic-bezier(.22,1.5,.36,1);transform:translateY(40px)rotate(-2.5deg)scale(.9)}.event-card.is-open .event-card__paper{transform:translateY(0)rotate(-2.5deg)scale(1)}.event-card__kicker{font-family:var(--font-display);letter-spacing:.34em;text-indent:.34em;color:var(--yellow-dark);font-size:11px;font-weight:700}.event-card__title{font-family:var(--font-display);margin-top:12px;font-size:25px;font-weight:700}.event-card__text{color:#2b2b3acc;margin-top:12px;font-size:14px;font-weight:600;line-height:1.85}.event-card__ok{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);background:linear-gradient(180deg, #ffe58a 0%, var(--yellow) 55%, #f5b81f 100%);border:3.5px solid var(--ink);border-radius:16px;margin-top:24px;padding:13px 38px;font-size:14px;font-weight:700;transition:transform .15s cubic-bezier(.22,1.6,.36,1),box-shadow .15s;box-shadow:0 5px #2b2b3ad9,inset 0 2.5px #ffffff8c}.event-card__ok:hover{transform:translateY(-2px)scale(1.05)rotate(-1deg);box-shadow:0 7px #2b2b3ad9,inset 0 2.5px #ffffff8c}.event-card__ok:active{transform:translateY(3px);box-shadow:0 1px #2b2b3ad9,inset 0 2.5px #ffffff8c}.overlay{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(1.1);color:var(--cream);opacity:0;visibility:hidden;background:#263c5ad1;padding:clamp(84px,13vh,130px) clamp(20px,7vw,110px) 60px;transition:opacity .45s,visibility .45s;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.overlay.is-open{opacity:1;visibility:visible}.overlay__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.overlay__head h2{font-family:var(--font-display);letter-spacing:.1em;color:var(--cream);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 4px #2b2b3acc;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.15;transform:rotate(-1.2deg)}.overlay__close{aspect-ratio:1;width:46px;height:46px;color:var(--cream);background:linear-gradient(180deg, #ff7d6f 0%, var(--red) 55%, #d2352c 100%);border:3.5px solid var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:24px;font-weight:900;line-height:1;transition:transform .2s cubic-bezier(.22,1.6,.36,1),box-shadow .2s;display:inline-flex;box-shadow:0 4px #2b2b3ad9,inset 0 2.5px #ffffff73}.overlay__close:hover{transform:rotate(90deg)scale(1.1)}.overlay__close:active{transform:scale(.92);box-shadow:0 1px #2b2b3ad9,inset 0 2.5px #ffffff73}.overlay__content{max-width:780px;margin:0 auto;font-size:14px;font-weight:600;line-height:2}.overlay__content h3{font-family:var(--font-display);color:var(--yellow);letter-spacing:.08em;text-shadow:0 2px #2b2b3ab3;margin:24px 0 10px}.overlay__content a{color:var(--yellow);border-bottom:2px solid #ffc93366}.overlay__content ul{margin-left:18px}.works-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.scene-grid{grid-template-columns:repeat(3,1fr);gap:34px 26px}.scene-card{cursor:pointer}.overlay.is-open .scene-card{animation:.55s cubic-bezier(.22,1.5,.36,1) backwards card-in}.overlay.is-open .scene-card:nth-child(2){animation-delay:60ms}.overlay.is-open .scene-card:nth-child(3){animation-delay:.12s}.overlay.is-open .scene-card:nth-child(4){animation-delay:.18s}.overlay.is-open .scene-card:nth-child(5){animation-delay:.24s}.overlay.is-open .scene-card:nth-child(6){animation-delay:.3s}.overlay.is-open .scene-card:nth-child(n+7){animation-delay:.36s}@keyframes card-in{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:none}}.scene-card__media{border:1px solid #fff8ea47;border-radius:6px;overflow:hidden}.scene-card__img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .5s,filter .3s;display:block}.scene-card:hover .scene-card__img{filter:brightness(1.12);transform:scale(1.05)}.scene-card__img--empty{justify-content:center;align-items:center;font-size:44px;display:flex}.scene-card__meta{letter-spacing:.14em;color:#fff8ea8c;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;font-weight:700;display:flex}.scene-card__view{color:var(--yellow);letter-spacing:.12em}.scene-card__title{font-family:var(--font-display);letter-spacing:.02em;color:#fff;margin-top:5px;font-size:19px;font-weight:700;transition:color .2s}.scene-card:hover .scene-card__title{color:var(--yellow)}.scene-card__sub{color:#fff8ea80;margin-top:2px;font-size:11.5px;font-weight:600}.directory__kicker{letter-spacing:.32em;color:#fff8ea9e;margin-bottom:10px;font-size:11px;font-weight:800}.directory__group{font-family:var(--font-display);letter-spacing:.1em;color:var(--cream);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 4px #2b2b3acc;align-items:center;gap:16px;margin:38px 0 16px;font-size:clamp(22px,3vw,32px);font-weight:700;display:flex}.directory__group:after{content:"";border-top:3px dashed #fff8ea66;flex:1}.directory__group:first-of-type{margin-top:4px}.panel__vidlink{letter-spacing:.04em;color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:12px;margin-top:10px;padding:12px 16px;font-size:13px;font-weight:800;transition:transform .15s cubic-bezier(.22,1.6,.36,1),background .2s,box-shadow .15s;display:block;box-shadow:0 3px #2b2b3ad9}.panel__vidlink:hover{background:var(--yellow);transform:translateY(-2px);box-shadow:0 5px #2b2b3ad9}.panel__vidlink:active{transform:translateY(2px);box-shadow:0 1px #2b2b3ad9}iframe.panel__video{border:3.5px solid var(--ink)}.reel-overlay{background:#182234eb}.reel-wrap{max-width:960px;margin:0 auto}.reel-wrap video{aspect-ratio:16/9;border:4px solid var(--ink);width:100%;box-shadow:var(--shadow-pop);background:#000;border-radius:18px;display:block}.reel-caption{text-align:center;letter-spacing:.28em;text-indent:.28em;opacity:.6;margin-top:16px;font-size:11px;font-weight:700}.corner-tools{z-index:16;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:34px;right:32px}.tool-btn{width:48px;height:48px;font-family:var(--font-display);color:var(--ink);background:linear-gradient(180deg, #fffdf4 0%, var(--cream) 55%, #f3e6c8 100%);border:3.5px solid var(--ink);opacity:0;border-radius:16px;font-size:17px;font-weight:700;transition:opacity .5s,translate .5s cubic-bezier(.22,1.5,.36,1),transform .15s,box-shadow .15s,background .2s;translate:0 16px;box-shadow:0 5px #2b2b3ad9,inset 0 2.5px #ffffffb3}body.is-journey .tool-btn{opacity:1;translate:0}.tool-btn:hover{background:linear-gradient(180deg, #ffe58a 0%, var(--yellow) 60%, #f5b81f 100%);transform:translateY(-3px)rotate(-5deg)}.tool-btn:active{transform:translateY(3px);box-shadow:0 1px #2b2b3ad9,inset 0 2.5px #ffffffb3}.tool-btn.is-muted{color:#2b2b3a59;text-decoration:line-through}.skin-pop{background:var(--cream);border:4px solid var(--ink);box-shadow:var(--shadow-pop);opacity:0;visibility:hidden;border-radius:20px;flex-direction:column;gap:7px;padding:14px;transition:opacity .25s,transform .25s cubic-bezier(.22,1.6,.36,1),visibility .25s;display:flex;position:absolute;bottom:0;right:58px;transform:translateY(10px)scale(.92)}.skin-pop.is-open{opacity:1;visibility:visible;transform:none}.skin-pop__label{font-family:var(--font-display);letter-spacing:.26em;color:#2b2b3a8c;padding:0 4px 4px;font-size:10px;font-weight:700}.skin-swatch{color:var(--ink);text-align:left;background:0 0;border:3px solid #0000;border-radius:13px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s,border-color .15s,transform .15s;display:flex}.skin-swatch:hover{background:#ffefc2;transform:translate(-3px)scale(1.02)}.skin-swatch.is-active{border-color:var(--ink);background:linear-gradient(#ffe58a 0%,#ffdf6e 100%);box-shadow:0 3px #2b2b3a99,inset 0 2px #ffffff8c}.skin-swatch__die{border:2.5px solid var(--ink);border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 2px #2b2b3a80}.skin-swatch__pips{grid-template-columns:repeat(2,5px);gap:3px;display:grid}.skin-swatch__pips i{border-radius:50%;width:5px;height:5px}.skin-swatch__name{white-space:nowrap;font-size:12.5px;font-weight:800}.skin-swatch__name small{opacity:.55;margin-top:1px;font-size:9.5px;font-weight:700;display:block}.token-swatch{background:#ffe9a8;font-size:19px}@media (max-width:1200px){.scene-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.topbar__nav a{letter-spacing:.07em;padding:7px 10px;font-size:11px}}@media (max-width:760px){.topbar{padding:14px 16px}.brand-word{display:none}.brand-die{width:38px;height:38px}.topbar__nav{display:none}.nav-drop{display:block}.lang-toggle{padding:3px}.lang-toggle__opt{padding:4px 9px;font-size:10px}.dock{gap:9px;bottom:12vh}.dock__die{width:36px;height:36px;font-size:15px}.dock__roll{padding:11px 36px}.dock__roll-main{font-size:17px}.dock__hint{max-width:88vw;font-size:10.5px}.corner-tools{gap:8px;bottom:22px;right:16px}.tool-btn{border-radius:14px;width:42px;height:42px;font-size:15px}.skin-pop{right:50px}.panel{padding:0}.panel__card{border:none;border-radius:0;width:100vw;min-height:100vh;max-height:100vh}.panel__media{border-radius:0}.overlay{padding:76px 16px 48px}.scene-grid{grid-template-columns:1fr}.panel__grid{grid-template-columns:repeat(2,1fr)!important}.overlay__head h2,.directory__group{-webkit-text-stroke:1.2px var(--ink);font-size:21px}.overlay__close{width:42px;height:42px;font-size:22px}.scene-indicator{display:none}.hero__title{font-size:44px}.hero__sub{padding:0 24px;font-size:13px}.hero__cta{padding:14px 34px;font-size:15px}}