body[data-page="mascotte-3d"]{background:#f7f3ea;color:#263035}.mascot-page{--ink:#263035;--yellow:#ffc400;--line:#dcd8cd;max-width:1536px;margin:0 auto;padding:62px 44px 72px}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.studio-kicker{font-size:10px!important;font-weight:700;letter-spacing:.18em;line-height:1.5!important;margin:0 0 13px!important;color:#5b625c}.studio-kicker>span{display:inline-block;width:7px;height:7px;border-radius:100%;background:#eeb700;margin-right:7px}.studio-heading h1{font-size:clamp(34px,3.4vw,52px);letter-spacing:-.055em;line-height:1.08;font-weight:500;margin:0}.studio-heading h1 em{font-style:normal;color:#71776b}.studio-heading>p{font-size:14px;line-height:1.8;margin:0 0 3px;color:#5a635f}.studio{display:grid;grid-template-columns:minmax(0,1fr) 394px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fcfaf5;box-shadow:0 14px 40px #302b1f06}.viewer-column{min-width:0;border-right:1px solid var(--line)}.mascot-stage{position:relative;height:595px;overflow:hidden;background:radial-gradient(ellipse at 47% 37%,#fffdf7 0%,#f4f0e7 68%,#ece8dd 100%);isolation:isolate}.mascot-stage canvas{display:block;position:absolute;inset:0;z-index:1;touch-action:none;outline-offset:-5px}.stage-top{position:absolute;z-index:3;top:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.stage-chip{border:1px solid #aaa894;border-radius:20px;font-size:9px;letter-spacing:.13em;padding:7px 11px;color:#5d665b;background:#fcfaf58a}.stage-top #model-status{font-size:10px;letter-spacing:.02em;color:#6a6d62;text-align:right}.mascot-stage #poster{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;position:absolute;inset:0;z-index:0}.load-overlay{position:absolute;z-index:4;bottom:118px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #ded9ce;background:#fffdf7ed;border-radius:14px;display:flex;align-items:center;gap:12px;text-align:center;max-width:90%;min-width:220px;justify-content:center}.load-overlay p{font-size:12px;line-height:1.5;margin:0}.load-overlay.is-error{flex-direction:column}.load-overlay.is-error .load-spinner{display:none}.load-overlay button{border:0;padding:9px 17px;border-radius:8px;background:var(--ink);color:white;cursor:pointer}.load-spinner{width:16px;height:16px;border:2px solid #ddd5bf;border-top-color:#936700;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.stage-hint{position:absolute;z-index:2;bottom:74px;width:100%;text-align:center;font-size:10px;letter-spacing:.02em;color:#74786a;pointer-events:none}.stage-hint span{margin:0 8px}.camera-presets{position:absolute;z-index:3;display:flex;gap:3px;bottom:23px;left:50%;transform:translateX(-50%);padding:5px;background:#fffdf4e8;border:1px solid #dcd7c9;border-radius:30px;white-space:nowrap}.camera-presets button{border:0;background:transparent;color:#62695e;cursor:pointer;font-size:10px;padding:8px 10px;border-radius:20px}.camera-presets button[aria-pressed="true"]{background:#28332c;color:#fff}.player{padding:20px 24px 12px;background:#fcfaf5;border-top:1px solid var(--line)}.player-main{display:flex;align-items:center;gap:13px}.play-button{display:flex;align-items:center;gap:8px;min-width:99px;justify-content:center;border:0;border-radius:10px;background:#ffc400;color:#273124;padding:13px 15px;font-size:13px;font-weight:600;cursor:pointer}.play-button:disabled{opacity:.4}.replay-button{background:none;border:1px solid #d7d7cb;border-radius:10px;width:38px;height:40px;font-size:22px;cursor:pointer;color:#47533e;flex-shrink:0}.timeline-wrap{flex:1;min-width:50px;padding-top:14px}.timeline-wrap input{accent-color:#927116;width:100%;margin:0;cursor:pointer}.time-labels{display:flex;justify-content:space-between;font-size:9px;font-variant-numeric:tabular-nums;line-height:1.5;color:#7a8072;margin-top:3px}.speed-control{font-size:9px;color:#6a715f;display:flex;flex-direction:column;gap:2px}.speed-control select{border:1px solid #d7d7cb;background:#fcfaf5;border-radius:7px;color:#36472e;font-size:12px;padding:7px 3px}.player-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:19px}.player-options label{display:flex;align-items:center;gap:5px;font-size:10px;color:#556049;cursor:pointer;white-space:nowrap}.player-options input{accent-color:#354630;width:13px;height:13px;margin:0}.player-options button{margin-left:auto;border:0;background:none;font-size:10px;color:#36442b;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:3px 0}.share-status{font-size:11px;margin:8px 0 0;line-height:1.6;color:#67715b;overflow-wrap:anywhere}.share-status:empty{margin:0;height:6px}.share-status a{color:inherit}.attitudes-panel{padding:28px 23px 23px;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-heading .studio-kicker{margin-bottom:5px!important;font-size:9px!important}.panel-heading h2{font-size:27px;letter-spacing:-.045em;font-weight:500;margin:0}.attitude-count{font-size:13px;font-variant-numeric:tabular-nums;padding:8px 11px;border:1px solid #d6dacd;border-radius:50%;color:#5c6951}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px}.categories button{font-size:10px;padding:10px 4px;border-radius:6px;border:1px solid #e2e1d6;background:transparent;color:#5d6653;cursor:pointer;transition:background .15s}.categories button[aria-pressed="true"]{color:#263124;background:#ffc400;border-color:#ffc400;font-weight:600}.pose-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pose-card{position:relative;overflow:hidden;border:1px solid #e2e0d5;border-radius:11px;background:#f4f1e9;cursor:pointer;padding:0 0 12px;text-align:left;transition:border-color .15s,background .15s;min-width:0}.pose-card img{width:100%;height:100px;object-fit:contain;mix-blend-mode:multiply;display:block;pointer-events:none}.pose-card span{font-size:11px;font-weight:500;color:#3b4535;padding-left:12px;display:block;line-height:1.4;max-width:calc(100% - 30px)}.pose-card small{position:absolute;bottom:13px;right:10px;font-size:8px;color:#777d6b}.pose-card[aria-pressed="true"]{border-color:#ad8400;background:#fff4c6;box-shadow:inset 0 0 0 1px #bd940f}.pose-card:hover{border-color:#bfb699}.selection-detail{margin-top:auto;padding-top:20px}.selection-detail>div{display:flex;align-items:center;gap:8px;border-top:1px solid #e0dfd3;padding-top:19px}.selection-mark{color:#a78500;font-size:20px;line-height:1}.selection-detail h3{font-size:14px;letter-spacing:-.015em;font-weight:500;margin:0}.selection-detail #pose-number{margin-left:auto;font-size:9px;font-variant-numeric:tabular-nums;color:#7d826f}.selection-detail p{font-size:11px;line-height:1.7;color:#6b7360;margin:9px 0 0;min-height:38px}.studio-notes{display:grid;grid-template-columns:1fr 1fr auto;gap:32px;margin-top:24px;align-items:start;font-size:11px;color:#6b735f;line-height:1.8}.studio-notes p{margin:0}.studio-notes strong{font-weight:500;color:#435238;display:block}.studio-notes details{padding:0 12px}.studio-notes summary{cursor:pointer;color:#435238}.studio-notes details p{margin-top:12px}.studio-notes>a{color:#435238;text-underline-offset:4px}.mascot-page button:focus-visible,.mascot-page a:focus-visible,.mascot-page input:focus-visible,.mascot-page select:focus-visible,.mascot-page summary:focus-visible,.mascot-stage canvas:focus-visible{outline:3px solid #81650d;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){.mascot-stage{height:640px}.pose-card img{height:114px}}@media(max-width:1100px){.mascot-page{padding:44px 25px 60px}.studio{grid-template-columns:minmax(0,1fr) 340px}.mascot-stage{height:570px}.attitudes-panel{padding:25px 18px 18px}.pose-card img{height:96px}.stage-top{left:17px;right:17px}.player{padding:18px 16px 12px}.player-options{gap:10px}.player-options button{margin-left:0}.camera-presets button{padding:8px}.studio-notes{grid-template-columns:1fr 1fr}.studio-notes>a{grid-column:1/-1}.studio-heading>p{font-size:12px}.stage-hint{font-size:9px}.player-main{gap:8px}.play-button{min-width:77px;padding:12px 10px}}@media(max-width:820px){.mascot-page{padding:34px 20px 48px}.studio-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:23px}.studio-heading h1{font-size:39px}.studio-heading>p{font-size:13px}.studio{grid-template-columns:1fr;max-width:670px;margin:0 auto}.viewer-column{border-right:0;border-bottom:1px solid var(--line)}.mascot-stage{height:490px}.attitudes-panel{padding:23px}.pose-grid{grid-template-columns:repeat(3,1fr)}.pose-card img{height:115px}.categories{grid-template-columns:repeat(6,1fr)}.categories button{font-size:10px}.selection-detail{padding-top:6px}.stage-hint{font-size:10px}.panel-heading{margin-bottom:16px}.player-options button{margin-left:auto}.studio-notes{display:block}.studio-notes>*{display:block;margin-bottom:18px!important}.studio-notes details{padding:0}}@media(max-width:500px){.mascot-page{padding:28px 12px 35px}.studio-heading{padding:0 8px}.studio-heading h1{font-size:33px}.studio-heading .studio-kicker{font-size:9px!important;margin-bottom:10px!important}.studio-heading>p{font-size:12px}.studio{border-radius:14px}.mascot-stage{height:397px}.stage-top{top:17px;left:15px;right:15px}.stage-top #model-status{font-size:8px;max-width:140px}.stage-chip{font-size:8px;padding:6px 9px}.stage-hint{font-size:8px;bottom:64px}.stage-hint span{margin:0 4px}.camera-presets{padding:4px;gap:0;bottom:18px;max-width:96%}.camera-presets button{font-size:8px;padding:8px 7px}.player{padding:16px 13px 12px}.player-main{gap:8px}.play-button{font-size:11px;min-width:75px;padding:12px 9px}.replay-button{width:31px;font-size:20px}.speed-control select{font-size:10px}.player-options{gap:12px 15px;margin-top:15px}.player-options label{font-size:10px}.player-options button{margin-left:0;flex-basis:100%;text-align:left}.attitudes-panel{padding:23px 17px 17px}.panel-heading h2{font-size:26px}.categories{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:17px}.categories button{font-size:11px;padding:11px 4px}.pose-grid{grid-template-columns:1fr 1fr;gap:9px}.pose-card img{height:113px}.pose-card span{font-size:12px}.pose-card small{font-size:9px}.selection-detail p{font-size:12px}.studio-notes{padding:0 7px;font-size:11px}}@media(prefers-reduced-motion:reduce){.load-spinner{animation:none}.mascot-page *{scroll-behavior:auto!important;transition:none!important}}

.player .load-overlay.is-error{position:static;transform:none;max-width:none;min-width:0;display:flex;flex-direction:row;margin:0 0 16px;padding:10px 12px;text-align:left;gap:14px;border-radius:9px;background:#f5f1e5}.player .load-overlay.is-error p{font-size:11px;flex:1}.player .load-overlay.is-error button{font-size:10px;padding:8px 10px;flex-shrink:0}

.character-bar{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fcfaf5;border-bottom:1px solid #dcd8cd}.character-bar label{font-size:14px;font-weight:600;color:#263035}.character-bar select{flex:1;min-width:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;color:#263035;background:#fffdf7;border:1px solid #bdb8ac;border-radius:10px;padding:11px 36px 11px 14px;cursor:pointer}.character-bar select:focus-visible{outline:3px solid #ffc400;outline-offset:3px}.stage-top #model-status{font-size:12px;line-height:1.4}@media(max-width:500px){.character-bar{padding:12px 15px;gap:12px}.character-bar select{font-size:16px}.stage-top #model-status{font-size:11px;max-width:170px}}