:root{color:#4c4038;font-synthesis:none;background:#f5eee4;font-family:Yu Mincho,Hiragino Mincho ProN,Times New Roman,serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;min-height:100svh}button{font:inherit}.experience{isolation:isolate;grid-template-rows:auto 1fr auto auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.world{z-index:-3;filter:sepia(.16);background:linear-gradient(#f9f4ec80,#f9f4ecc2),url(/assets/line-art-home-bg-v1-pc-CH-Cakx9.webp) 50%/cover no-repeat;position:absolute;inset:-3%;transform:scale(1.03)}.experience:before{z-index:-2;content:"";pointer-events:none;background:radial-gradient(circle at 50% 51%,#faf7f1f5 0 22%,#faf7f1b8 43%,#0000 73%),linear-gradient(#f8f2ea52,#f8f2ea2e 58%,#efe4d6b3);position:absolute;inset:0}.experience:after{z-index:9;content:"";pointer-events:none;border:1px solid #4c3a2f21;position:absolute;inset:0;box-shadow:inset 0 0 90px #4f3b2c17}.intro{z-index:3;padding:max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));text-align:center;pointer-events:none;position:relative}h1{letter-spacing:.16em;margin:0;font-size:clamp(24px,7vw,38px);font-weight:500;line-height:1.18}.stage{z-index:1;cursor:pointer;touch-action:manipulation;min-height:0;position:relative}#sceneCanvas{outline:none;width:100%;height:100%;display:block}.loading{color:#4b3a30a3;letter-spacing:.12em;font-size:12px;transition:opacity .3s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.loading.is-hidden{opacity:0;pointer-events:none}.result{z-index:5;right:50%;bottom:max(104px, calc(env(safe-area-inset-bottom) + 96px));opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#faf6efdb;border:1px solid #49372c40;border-radius:999px;align-items:center;gap:11px;width:max-content;max-width:calc(100vw - 36px);padding:8px 17px 8px 9px;transition:opacity .42s,transform .52s cubic-bezier(.2,.78,.24,1);display:flex;position:absolute;transform:translate(50%,12px);box-shadow:0 9px 26px #3e2d211f}.result.is-visible{opacity:1;transform:translate(50%)}.result img{object-fit:contain;width:48px;height:48px}.result div{text-align:left;gap:1px;display:grid}.result span{color:#4b392e94;letter-spacing:.16em;font-size:9px}.result strong{letter-spacing:.14em;font-size:17px;font-weight:500}.draw-button{z-index:6;color:#493b32;cursor:pointer;letter-spacing:.14em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-tap-highlight-color:transparent;background:#f6eee3e0;border:1px solid #48352ab3;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:10px;min-width:min(78vw,310px);min-height:54px;margin:0 20px;font-size:14px;transition:transform .16s,opacity .22s,box-shadow .16s;display:inline-flex;position:relative;box-shadow:0 7px #4a372b24,0 12px 30px #3d2c211c}.draw-button:not(:disabled):active{transform:translateY(4px);box-shadow:0 3px #4a372b24,0 8px 22px #3d2c211c}.draw-button:focus-visible{outline-offset:4px;outline:2px solid #7a6556}.draw-button:disabled{cursor:default;opacity:.58}.button-mark{border:1px solid #48352a6b;border-radius:50%;place-items:center;width:23px;height:23px;font-family:Arial,sans-serif;font-size:16px;line-height:1;display:inline-grid}.is-running .button-mark{animation:.8s linear infinite ui-spin}.hint{z-index:4;min-height:31px;padding-bottom:max(12px, env(safe-area-inset-bottom));color:#49382d8c;letter-spacing:.12em;text-align:center;margin:8px 0 0;font-size:10px;position:relative}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (width>=700px){.experience{grid-template-rows:auto 1fr auto auto}.intro{padding-top:30px}.draw-button{margin-bottom:4px}}@media (prefers-reduced-motion:reduce){.result,.draw-button{transition-duration:1ms}.is-running .button-mark{animation:none}}