:is(body:has(.shindan-wrapper)>header,body:has(.shindan-wrapper)>nav,body:has(.shindan-wrapper)>footer,body:has(.shindan-wrapper)>main){min-height:0!important;display:contents!important}:is(body:has(.shindan-wrapper)>header>*,body:has(.shindan-wrapper)>nav>*,body:has(.shindan-wrapper)>footer>*){display:none!important}body:has(.shindan-wrapper){min-height:100vh!important;overflow:hidden!important}@font-face{font-family:Reggae One;src:url(/shindan/fonts/ReggaeOne-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:BestTen DOT;src:url(/shindan/fonts/BestTen-DOT.otf)format("opentype");font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;width:100%;height:100%;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;overflow:hidden}button{cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}.stage{width:max(100vw,177.683dvh);height:max(100dvh,56.2799vw);margin:auto;position:fixed;inset:0;overflow:hidden;container-type:size}.screen{position:absolute;inset:0}#title-screen{z-index:1}.title-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.title-logo{filter:drop-shadow(0 .6cqw 1.2cqw #00000073);pointer-events:none;width:66.5%;height:auto;position:absolute;top:33.3%;left:50%;transform:translate(-50%,-50%)}.title-leaves{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.leaf{opacity:0;width:3.2cqw;height:auto;animation:leaf-drift var(--dur) linear var(--delay) infinite;right:-5cqw;top:var(--y);position:absolute}@keyframes leaf-drift{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:.85}30%{transform:translate(-30cqw, calc(var(--sway) * .28)) rotate(90deg)}55%{transform:translate(-58cqw, calc(var(--sway) * .58)) rotate(170deg)}80%{transform:translate(-88cqw, calc(var(--sway) * .85)) rotate(250deg)}92%{opacity:.85}to{transform:translate(-118cqw, var(--sway)) rotate(320deg);opacity:0}}.board-wrap{aspect-ratio:1448/1086;filter:drop-shadow(0 .6cqw 1.4cqw #00000073);width:41.39%;position:absolute;top:44.84%;left:29.31%}.title-board{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board-wrap{z-index:3}.title-logo{z-index:2}.menu-btn{letter-spacing:.08em;color:#4a2f12;text-shadow:0 1px #ffffff59;cursor:pointer;background:0 0;border:none;width:74%;font-family:BestTen DOT;font-size:clamp(16px,2.2cqw,36px);transition:transform .12s,color .12s,filter .12s;position:absolute;left:50%;transform:translate(-50%,-50%)}.menu-btn:hover{color:#8a4a12;transform:translate(-50%,-50%)scale(1.06)}.menu-btn:active{transform:translate(-50%,-50%)scale(1)}.menu-btn.start{top:48.5%}.menu-btn.types{top:61.8%}#quiz-screen{z-index:2;background:url(/shindan/bg.png) 50%/cover no-repeat}.progress{color:#fff;letter-spacing:.1em;text-shadow:0 1px 4px #000c;z-index:10;font-size:1.3cqw;position:absolute;top:24%;left:50%;transform:translate(-50%)}.banner-wrap{pointer-events:none;width:33.61%;height:106.16%;position:absolute;top:-1.59%;left:33.19%;container-type:inline-size}.banner-img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.question{text-align:center;color:#000;width:52%;height:17%;word-break:auto-phrase;overflow-wrap:anywhere;line-break:strict;z-index:5;justify-content:center;align-items:center;padding:0 1%;font-family:Reggae One,sans-serif;font-size:4.7cqw;line-height:1.4;display:flex;position:absolute;top:27%;left:24%;overflow:hidden}.card{aspect-ratio:1;cursor:pointer;pointer-events:auto;background:0 0;border:none;width:25.4%;padding:0;transition:transform .15s,filter .15s;position:absolute}.card:hover{filter:brightness(1.05);transform:translateY(-4px)scale(1.03)}.card:active{transform:translateY(-1px)scale(1)}.card img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.card .label{text-align:center;color:#000;z-index:2;width:88%;font-family:Reggae One,sans-serif;font-size:clamp(8px,3.8cqw,18px);line-height:1.3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c1{top:47.5%;left:24.6%}.c2{top:47.5%;left:50.9%}.c3{top:61.9%;left:24.6%}.c4{top:61.9%;left:50.9%}.battle-fx{pointer-events:none;position:absolute;inset:0}.battle-hero{opacity:0;transform-origin:60% 100%;width:14%;transition:opacity .3s;position:absolute;bottom:15%;left:20%;transform:scaleX(-1)}.battle-hero.shown{opacity:1}.battle-hero.attack{animation:.55s ease-in-out battle-hero-attack}@keyframes battle-hero-attack{0%{transform:scaleX(-1)translate(0)scale(1)rotate(0)}25%{transform:scaleX(-1)translate(1%,-4%)scale(1.03)rotate(12deg)}50%{transform:scaleX(-1)translate(25%)scale(1.1)rotate(-22deg)}72%{transform:scaleX(-1)translate(8%)scale(1.02)rotate(0)}to{transform:scaleX(-1)translate(0)scale(1)rotate(0)}}.battle-monster{width:var(--mw,14%);opacity:0;transform-origin:40% 100%;position:absolute;bottom:15%;right:20%}.battle-monster.shown{opacity:1}.battle-monster.enter-hit{animation:.75s ease-in-out forwards battle-monster-enter-hit}.battle-monster.hurt{animation:.55s ease-in-out battle-monster-hurt}.battle-monster.defeat{animation:.9s ease-in forwards battle-monster-defeat}@keyframes battle-monster-enter-hit{0%{opacity:0;transform:translate(40%)scale(.8)rotate(0)}32%{opacity:1;transform:translate(0)scale(1)rotate(0)}55%{transform:translate(0)scale(1)rotate(0)}70%{transform:translate(-9%,1%)scale(.93)rotate(-10deg)}88%{transform:translate(-3%,1%)scale(.97)rotate(6deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes battle-monster-hurt{0%{transform:translate(0)scale(1)rotate(0)}40%{transform:translate(0)scale(1)rotate(0)}55%{transform:translate(-9%,1%)scale(.92)rotate(-10deg)}75%{transform:translate(-3%,1%)scale(.97)rotate(6deg)}to{transform:translate(0)scale(1)rotate(0)}}@keyframes battle-monster-defeat{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}30%{transform:translate(0)scale(1)rotate(0)}45%{transform:translate(-9%,1%)scale(.93)rotate(-10deg)}60%{opacity:1;transform:translate(-2%,4%)scale(.85)rotate(10deg)}85%{opacity:.35;transform:translate(3%,20%)scale(.4)rotate(35deg)}to{opacity:0;transform:translate(3%,26%)scale(.2)rotate(45deg)}}.battle-ko-label{color:#fd5;text-shadow:0 .18cqw #a9701c,0 .3cqw .4cqw #0009;opacity:0;white-space:nowrap;pointer-events:none;font-family:Reggae One;font-size:3cqw;position:absolute;top:-13%;left:50%;transform:translate(-50%)scale(.6)}.battle-ko-label.show{animation:.9s ease-out battle-ko-label}@keyframes battle-ko-label{0%,35%{opacity:0;transform:translate(-50%)scale(.6)}50%{opacity:1;transform:translate(-50%)scale(1.15)}62%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}#result-screen{z-index:10;background:url(/shindan/bg.png) 50%/cover fixed;position:fixed;inset:0;overflow:hidden auto}.result-inner{z-index:1;padding:24px 0;position:relative}.result-page{z-index:1;color:#3a2a12;--accent:#b06a1c;background:#e7d6ac url(/shindan/parchment-tile.png) 50%/cover;border:3px solid #8a6a2e;border-radius:6px;width:min(94vw,600px);margin:0 auto;padding:28px 26px 36px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:15px;line-height:1.6;position:relative;box-shadow:inset 0 0 0 2px #c9a85e,0 14px 40px #00000080}.result-hero{border-bottom:3px solid var(--accent);align-items:center;gap:14px;padding-bottom:14px;display:flex}.result-char{height:auto;box-shadow:0 0 0 3px var(--accent), 0 3px 10px #0006;border-radius:8px;flex:0 0 46%}.result-lead{color:#6a4f22;font-size:13px}.result-title{color:var(--accent);text-shadow:0 1px #ffffff80;margin-top:7px;font-family:Reggae One;font-size:25px;line-height:1.2}.result-desc{color:#4a3416;margin-top:8px;font-size:14px}.sec-title{color:#5a3a14;border-bottom:2px solid #785a284d;border-left:7px solid #c9a85e;margin:30px 0 12px;padding:4px 0 6px 12px;font-family:Reggae One;font-size:19px}.sec-title.sec-good-env{color:#2c7a40;border-left-color:#3f9e57}.sec-title.sec-bad-env{color:#b23f3f;border-left-color:#d65a5a}.sec-title.sec-career{color:#b25c14;border-left-color:#e0842f}.sec-title.sec-profile{color:#997416;border-left-color:#c79a2f}.share-section{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 6px;display:flex}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-family:Reggae One,sans-serif;font-size:13.5px;text-decoration:none;transition:transform .12s,opacity .12s;display:inline-flex}.share-btn:hover:not(:disabled){opacity:.85;transform:translateY(-2px)}.share-btn:disabled{opacity:.6;cursor:wait}.share-btn-x{background:#000}.share-btn-insta{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-hint{text-align:center;color:#6a4f22;opacity:.8;margin:6px 0 0;font-size:12px}.result-profile{list-style:none}.result-profile li{border-bottom:1px dashed #785a2859;gap:10px;padding:9px 0;font-size:13.5px;display:flex}.result-profile .k{color:#6a4f22;flex:0 0 34%;font-weight:700}.result-profile .v{color:#3a2a12;flex:1}.cta-slot{margin:30px 0 0}.cta-author{background:#fffcf0b3;border:2px solid #a9803c;border-radius:8px;margin-bottom:8px;padding:16px}.cta-author-text{color:#3a2a12;font-size:14px;line-height:1.7}.cta-author-link{color:#8a5a12;margin-top:10px;font-family:Reggae One,sans-serif;font-size:14px;display:inline-block}.cta-author-link:hover{text-decoration:underline}.sec-title.sec-articles{color:#2c7a40;border-left-color:#3f9e57}.articles-grid{gap:10px;display:grid}.article-card{cursor:pointer;background:#fffcf0b3;border:2px solid #a9803c;border-radius:8px;padding:14px 16px;transition:transform .12s,background .12s,box-shadow .12s;display:block}.article-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.article-card-title{color:#4a2f12;font-family:Reggae One,sans-serif;font-size:14px;line-height:1.4}.article-card-desc{color:#6a4f22;margin-top:5px;font-size:12.5px}.cta-survey{background:#fffcf0b3;border:2px solid #a9803c;border-radius:8px;margin-top:24px;padding:16px}.cta-survey-text{color:#3a2a12;font-size:14px;line-height:1.7}.cta-survey-link{color:#197a6c;margin-top:10px;font-family:Reggae One,sans-serif;font-size:14px;display:inline-block}.cta-survey-link:hover{text-decoration:underline}.cta-yumecareer{margin-top:24px}.cta-yumecareer-body{background:#fffcf0b3;border:2px solid #a9803c;border-radius:8px;padding:16px;position:relative}.cta-yumecareer-badge{color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;font-size:10px;position:absolute;top:8px;right:10px}.cta-yumecareer-title{color:#4a2f12;font-family:Reggae One,sans-serif;font-size:17px}.cta-yumecareer-desc{color:#5a4524;margin-top:8px;font-size:13.5px;line-height:1.6}.cta-yumecareer-btn{color:#3a230a;background:linear-gradient(#e7b34d,#d9962f);border-radius:8px;margin-top:12px;padding:10px 24px;font-family:Reggae One,sans-serif;font-size:15px;transition:filter .12s,transform .12s;display:inline-block}.cta-yumecareer-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.cta-affiliate-disclosure{color:#8a7a5a;margin-top:10px;font-size:11px;line-height:1.6}.retry-link{color:#4a2f12;letter-spacing:.1em;cursor:pointer;background:#fffcf0b3;border:2px solid #8a6a2e;border-radius:8px;margin:30px auto 0;padding:13px 32px;font-family:Reggae One;font-size:16px;transition:background .12s,transform .12s;display:block}.retry-link:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.result-foot{text-align:center;margin-top:30px}#types-screen{z-index:10;background:url(/shindan/bg.png) 50%/cover fixed;overflow:hidden auto}.types-panel{background:#121a26e0;border:2px solid #ffdc968c;border-radius:14px;width:min(1100px,92vw);margin:clamp(16px,4vh,48px) auto;padding:clamp(16px,3vw,32px);box-shadow:0 10px 40px #00000080}.types-heading{text-align:center;color:#ffe6a8;letter-spacing:.08em;text-shadow:0 2px 6px #0009;margin-bottom:18px;font-family:Reggae One;font-size:clamp(20px,4vw,30px)}.types-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.type-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px 12px}.type-card img{border-radius:6px;width:100%;height:auto;margin-bottom:8px;display:block}.type-card h3{color:#ffd87a;font-family:Reggae One;font-size:clamp(12px,1.4vw,15px);line-height:1.3}.type-card p{color:#dde6f0;margin-top:5px;font-size:clamp(11px,1.2vw,13px);line-height:1.5}.types-back{color:#ffe6a8;letter-spacing:.1em;cursor:pointer;background:#ffffff14;border:2px solid #ffdc9699;border-radius:8px;margin:22px auto 0;padding:11px 32px;font-family:BestTen DOT;font-size:clamp(15px,2.4vw,18px);transition:background .12s,transform .12s;display:block}.types-back:hover{background:#ffffff2e;transform:scale(1.04)}@media (max-width:480px){.result-page{padding:22px 18px 30px}.result-hero{text-align:center;flex-direction:column}.result-char{flex:none;align-self:center;width:62%}}@media (orientation:portrait){.stage{width:100vw;height:100dvh}.title-logo{width:88%;top:17%}.board-wrap{width:88%;top:41%;left:6%}#quiz-screen{flex-direction:column;justify-content:safe center;align-items:center;gap:1svh;height:100svh;padding:1svh 2vw;display:flex;bottom:auto;overflow-y:auto}#quiz-screen .progress{font-size:clamp(13px,3.6vw,17px);position:static;transform:none}#quiz-screen .banner-wrap{aspect-ratio:562/999;flex:none;width:min(94vw,53svh);height:auto;position:relative;top:auto;left:auto}}