:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f8ff;font-synthesis:none;--panel:#11152bd1;--line:#ffffff21;--muted:#aab3cb;--accent:#79f5c8;--accent-2:#9276ff;--danger:#ff9db1;background:#070914;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#070914;min-width:320px}body{background:radial-gradient(circle at 12% 5%,#5339cf4d,#0000 30rem),radial-gradient(circle at 90% 24%,#11ab8b2e,#0000 34rem),#070914;min-height:100vh;margin:0}a{color:inherit}button,input,textarea{font:inherit}button,.button{background:var(--accent);color:#071711;cursor:pointer;border:0;border-radius:999px;padding:.82rem 1.2rem;font-weight:900;transition:transform .15s,filter .15s,border-color .15s}button:hover,.button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #fff}.skip-link{z-index:30;color:#000;background:#fff;padding:.6rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header,footer{justify-content:space-between;align-items:center;gap:1rem;width:min(1240px,100% - 2rem);margin:0 auto;display:flex}.site-header{z-index:10;min-height:68px;position:relative}.site-header nav{gap:clamp(.8rem,3vw,1.6rem);display:flex}.site-header a,footer a{color:var(--muted);text-decoration:none}.site-header a:hover,footer a:hover{color:#fff}.brand{letter-spacing:.1em;font-size:1.25rem;font-weight:950;color:#fff!important}main{width:min(1240px,100% - 2rem);min-height:calc(100vh - 150px);margin:0 auto}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .45rem;font-size:.76rem;font-weight:900}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.75rem,7.5vw,7rem);line-height:.92}h2{font-size:clamp(1.45rem,4vw,2.2rem)}.lead{color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.65}.hero{max-width:920px;padding:clamp(4rem,11vw,9rem) 0 4rem}.hero h1 span{color:#0000;-webkit-text-stroke:1.5px #ffffffc7}.hero .lead{max-width:42rem;margin-top:1.6rem}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-bottom:5rem;display:grid}.tool-card,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:26px;box-shadow:0 24px 80px #00000047}.tool-card{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:320px;padding:2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";z-index:-2;opacity:.72;position:absolute;inset:0}.tool-card--dice:before{background:radial-gradient(circle at 72% 20%,#7e5bff8c,#0000 42%)}.tool-card--roulette:before{background:radial-gradient(circle at 72% 20%,#ff4d8e6b,#0000 42%)}.tool-card:hover{border-color:#79f5c8a6;transform:translateY(-2px)}.tool-card h3{margin:.15rem 0 .5rem;font-size:clamp(1.7rem,4vw,2.6rem)}.tool-card p{color:var(--muted);margin-bottom:0}.tool-card .arrow{color:var(--accent);margin-top:1.4rem;font-weight:900}.card-art{aspect-ratio:1;place-items:center;width:45%;display:grid;position:absolute;top:1.2rem;right:1.5rem}.mini-die{aspect-ratio:1;color:#241c50;z-index:1;background:linear-gradient(145deg,#fff,#aaa3eb);border-radius:1.25rem;place-items:center;width:5.5rem;font-size:1.2rem;display:grid;transform:rotate(18deg);box-shadow:-18px 24px 45px #00000061,inset 6px 6px 12px #ffffffb3}.mini-wheel{aspect-ratio:1;background:conic-gradient(#7657ff 0 16%, #19d7b0 0 33%, #ff4f88 0 50%, #ffbd3d 0 67%, #2b9cff 0 84%, #c74cff 0);z-index:1;border:.45rem solid #eae7ff;border-radius:50%;width:7rem;box-shadow:0 24px 45px #0000006b}.orbit{aspect-ratio:1;border:1px solid #ffffff2e;border-radius:50%;width:9rem;position:absolute;transform:rotateX(70deg)}.tool-experience{padding:.5rem 0 4rem}.tool-intro{justify-content:space-between;align-items:flex-end;gap:2rem;min-height:96px;margin-bottom:.8rem;display:flex}.tool-intro h1{white-space:nowrap;font-size:clamp(2.6rem,5.8vw,5.2rem)}.tool-intro .lead{text-align:right;max-width:25rem;margin:0 0 .35rem}.experience-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:1rem;min-height:min(620px,100svh - 178px);display:grid}.stage-shell{background:linear-gradient(135deg,#7755ff26,#0000 38%),radial-gradient(circle at 55% 48%,#333d6ac7,#070916f5 66%);border:1px solid #aa99ff40;border-radius:30px;min-width:0;min-height:500px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,0 35px 100px #00000059}.experience--roulette .stage-shell{background:linear-gradient(135deg,#ff448921,#0000 38%),radial-gradient(circle at 55% 48%,#46285bad,#070916f7 66%)}.stage{position:absolute;inset:0;overflow:hidden}.stage:after{content:"";filter:blur(18px);pointer-events:none;background:radial-gradient(#0000009e,#0000 68%);height:20%;position:absolute;inset:auto 8% 5%}.stage canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.stage-fallback{color:var(--muted);text-align:center;place-items:center;margin:0;display:grid;position:absolute;inset:0}.stage-chrome{z-index:3;color:#ffffff8f;letter-spacing:.18em;pointer-events:none;justify-content:space-between;font-size:.66rem;font-weight:900;display:flex;position:absolute;inset:1.2rem 1.3rem auto}.stage-result{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#080a19a3;border:1px solid #ffffff21;border-radius:20px;min-width:min(86%,320px);padding:.65rem 1rem;position:absolute;bottom:1.15rem;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000047}.stage-result .result-label{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.64rem;font-weight:950;display:block}.stage-result strong{text-overflow:ellipsis;max-width:100%;font-size:clamp(1.75rem,5vw,3.6rem);line-height:1.06;display:block;overflow:hidden}.stage-result small{color:var(--muted)}.stage-result.is-revealed{background:#0a111fd1;border-color:#79f5c87a}.control-panel{align-self:stretch;padding:clamp(1.15rem,2.5vw,1.75rem)}.control-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.control-heading span{color:var(--accent);letter-spacing:.16em;font-size:.65rem;font-weight:950}.control-heading strong{font-size:1.3rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}label{color:var(--muted);gap:.4rem;font-size:.88rem;font-weight:800;display:grid}input,textarea{border:1px solid var(--line);color:#fff;background:#050814bd;border-radius:15px;width:100%;padding:.82rem .95rem}input{font-size:1.12rem;font-weight:850}textarea{resize:vertical;min-height:clamp(142px,24vh,220px);line-height:1.5}.primary-action{border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding-inline:1.2rem;font-size:1.02rem;display:flex;box-shadow:0 16px 36px #2edaa42e}.primary-action b{font-size:1.45rem}.secondary{color:#fff;background:#2b3555b8;border:1px solid #ffffff0f}.utility-actions{gap:.55rem;margin-top:.7rem;display:flex}.utility-actions button{flex:1;padding:.65rem .8rem;font-size:.85rem}.error{min-height:1.45em;color:var(--danger);margin:.55rem 0;font-size:.86rem;font-weight:800}.note{color:var(--muted);font-size:.83rem;line-height:1.55}.history-panel{border-top:1px solid var(--line);color:var(--muted);margin-top:1.15rem;padding-top:1rem;font-size:.86rem}.history-panel summary{cursor:pointer;font-weight:800}.history{margin:.8rem 0 0;padding-left:1.4rem}.history li{overflow-wrap:anywhere;margin-block:.3rem}[data-ad-slot]{display:none}.privacy{max-width:780px;padding:clamp(3rem,8vw,7rem) 0 7rem}.privacy h1{font-size:clamp(3rem,8vw,6.2rem)}.privacy-lead{color:#e8eaff;max-width:690px;margin:2rem 0 3rem;font-size:clamp(1.22rem,3vw,1.75rem);line-height:1.7}.privacy-points{border-top:1px solid var(--line);gap:0;display:grid}.privacy-points p{border-bottom:1px solid var(--line);grid-template-columns:12rem 1fr;gap:1.5rem;margin:0;padding:1.25rem 0;line-height:1.7;display:grid}.privacy-points span{color:var(--muted)}.privacy>.note{margin-top:1.4rem}footer{border-top:1px solid var(--line);min-height:82px;color:var(--muted);font-size:.86rem}@media (max-width:820px){.tool-grid{grid-template-columns:1fr}.tool-intro{min-height:88px;display:block}.tool-intro h1{font-size:clamp(2.4rem,11vw,4.5rem)}.tool-intro .lead{text-align:left;max-width:none;margin:.45rem 0 0;font-size:.95rem}.experience-grid{grid-template-columns:1fr;min-height:0}.stage-shell{height:min(46svh,410px);min-height:360px}.control-panel{min-height:0}}@media (max-width:520px){.site-header{min-height:58px}.site-header nav{font-size:.82rem}.brand{font-size:1.08rem}main,.site-header,footer{width:min(100% - 1.2rem,1240px)}.tool-experience{padding-top:.3rem}.tool-intro{min-height:80px;margin-bottom:.55rem}.tool-intro .eyebrow{margin-bottom:.2rem}.tool-intro h1{font-size:2.45rem}.tool-intro .lead{margin-top:.25rem;line-height:1.4}.experience-grid{gap:.7rem}.stage-shell{border-radius:23px;height:38svh;min-height:305px}.stage-chrome{font-size:.58rem;inset:.9rem .95rem auto}.stage-result{border-radius:16px;padding-block:.5rem;bottom:.75rem}.stage-result strong{font-size:clamp(1.7rem,9vw,2.7rem)}.stage-result small{font-size:.76rem}.control-panel{border-radius:22px;padding:1rem}.control-heading{margin-bottom:.8rem}textarea{min-height:118px}.primary-action{min-height:52px}footer{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:1rem}footer p{margin:0 0 .3rem}.privacy{padding-top:3rem}.privacy-points p{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}