*{box-sizing:border-box}html,body{background:#fff3c4;width:100%;height:100%;margin:0;font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}canvas{display:block}#ui{z-index:10;pointer-events:none;color:#3c2a12;position:fixed;inset:0}.main-logo{text-align:center;pointer-events:none;position:absolute;top:34px;left:50%;transform:translate(-50%)}.main-logo h1{letter-spacing:.015em;color:#3c2a12;text-shadow:0 10px 28px #7c521229;margin:0;font-size:46px;font-weight:900;line-height:.95}.reset-view-button{pointer-events:auto;cursor:pointer;color:#fff9df;letter-spacing:.02em;background:#3c2a12d1;border:0;border-radius:999px;outline:none;padding:12px 22px;font-size:12px;font-weight:900;transition:transform .18s,background .18s;position:absolute;top:250px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #502f0833}.reset-view-button:hover{background:#3c2a12f2;transform:translate(-50%)translateY(-2px)}.reset-view-button:active{transform:translate(-50%)scale(.96)}.toy-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#ffffff57;border:1px solid #ffffff94;border-radius:30px;width:280px;padding:14px;position:absolute;top:165px;left:34px;box-shadow:0 18px 48px #7c521221}.toy-panel-title{letter-spacing:.16em;color:#3c2a126b;margin:0 0 10px 8px;font-size:11px;font-weight:900}.toy-item{color:#3c2a12;text-align:left;cursor:pointer;background:#ffffff6b;border:0;border-radius:999px;align-items:center;gap:13px;width:100%;margin-top:8px;padding:12px;transition:transform .18s,background .18s,opacity .18s;display:flex}.toy-item:hover{background:#ffffff9e;transform:translateY(-2px)}.toy-item.active{background:#ffffffad;box-shadow:inset 0 0 0 1px #ffe06bb8}.toy-item.locked{opacity:.45;cursor:default}.toy-item.locked:hover{transform:none}.toy-icon{background:#ffe06b;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:inset 0 -4px 10px #6f4a0d21}.toy-item b{letter-spacing:.04em;font-size:14px;font-weight:900;line-height:1;display:block}.toy-item small{color:#3c2a127a;margin-top:6px;font-size:11px;font-weight:700;display:block}.bottom-ui{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#ffffff57;border:1px solid #ffffff94;border-radius:999px;gap:14px;padding:16px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #7c521221}.control-chip{text-align:center;background:#ffffff6b;border-radius:999px;min-width:145px;padding:10px}.control-chip b{color:#3c2a12;font-size:14px;font-weight:900;line-height:1;display:block}.control-chip span{color:#3c2a127a;margin-top:8px;font-size:10px;font-weight:600;display:block}.right-info{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:26px;right:28px}.tagline{letter-spacing:.16em;text-transform:uppercase;color:#3c2a127a;margin:0;font-size:18px;font-weight:800}.site-links{pointer-events:auto;justify-content:flex-end;align-items:center;gap:20px;display:flex}.site-links a{letter-spacing:.04em;color:#3c2a127a;font-size:16px;font-weight:800;text-decoration:none}.site-links a:hover{color:#3c2a12d1}.copyright{letter-spacing:.04em;color:#3c2a126b;pointer-events:none;margin:0;font-size:16px;font-weight:700}.ui-button{pointer-events:auto;cursor:pointer;color:#fff9df;background:#3c2a12d1;border:0;border-radius:999px;outline:none;padding:12px 18px;font-size:12px;font-weight:800;transition:transform .18s,background .18s;box-shadow:0 12px 34px #502f0833}.ui-button:hover{background:#3c2a12f2;transform:translateY(-2px)}.ui-button:active{transform:translateY(0)scale(.96)}@media (width<=768px){html,body{width:100%;height:100%;overflow:hidden}.main-logo{top:46px;left:50%;transform:translate(-50%)}.main-logo h1{white-space:nowrap;font-size:42px;line-height:1}.reset-view-button{border-radius:999px;padding:10px 20px;font-size:13px;top:122px;left:50%;transform:translate(-50%)}.reset-view-button:hover{transform:translate(-50%)}.reset-view-button:active{transform:translate(-50%)scale(.96)}.right-info{text-align:center;z-index:50;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;display:flex;position:absolute;inset:170px auto auto 50%;transform:translate(-50%)}.right-info .tagline,.right-info .copyright{display:none}.site-links{pointer-events:auto;justify-content:center;align-items:center;gap:18px;display:flex}.site-links a{letter-spacing:.03em;color:#3c2a1294;font-size:12px;font-weight:900;text-decoration:none}.site-links a:hover{color:#3c2a12db}.toy-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fff8dbd1;border-radius:24px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:calc(100vw - 32px);max-width:420px;height:auto;min-height:0;max-height:78px;padding:10px;display:flex;position:absolute;top:auto;bottom:96px;left:50%;overflow:auto hidden;transform:translate(-50%);box-shadow:0 16px 44px #502f082e}.toy-panel-title{display:none}.toy-item{border-radius:18px;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:10px;width:auto;min-width:118px;height:58px;padding:8px 12px;display:flex}.toy-icon{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.toy-item b{white-space:nowrap;font-size:13px;line-height:1}.toy-item small{display:none}.bottom-ui{z-index:20;border-radius:999px;gap:8px;padding:8px 10px;bottom:22px;left:50%;transform:translate(-50%)}.control-chip{border-radius:18px;min-width:74px;padding:9px 10px}.control-chip b{font-size:11px;line-height:1.05}.control-chip span{display:none}.right-info{z-index:9999!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;width:100vw!important;display:flex!important;position:fixed!important;inset:180px auto auto 50%!important;transform:translate(-50%)!important}.right-info .tagline,.right-info .copyright{display:none!important}.right-info .site-links{opacity:1!important;visibility:visible!important;pointer-events:auto!important;justify-content:center!important;align-items:center!important;gap:18px!important;width:auto!important;display:flex!important}.right-info .site-links a{letter-spacing:.03em!important;color:#3c2a12a6!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;font-size:12px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;display:inline-block!important}}