:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#173d34;background:#f5f0e5;font-synthesis:none;--ink: #173d34;--ink-soft: #42665d;--paper: #fbf8ef;--paper-deep: #eee5d2;--cinnabar: #aa4e32;--gold: #d2aa5d;--gold-light: #f2d995;--jade: #26705d;--shadow: 0 20px 55px rgba(32, 55, 45, .12)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f5f0e5}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.game-shell{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(244,215,142,.42),transparent 30%),radial-gradient(circle at 92% 86%,rgba(43,115,90,.16),transparent 31%),linear-gradient(145deg,#fbf8ee,#f1ebdc 55%,#e9eee2)}.game-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(27,70,58,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(27,70,58,.06) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient-leaf{position:absolute;width:260px;height:120px;border:1px solid rgba(31,100,79,.14);border-radius:100% 0;transform:rotate(-24deg)}.ambient-leaf:after{content:"";position:absolute;left:12%;right:8%;top:50%;border-top:1px solid rgba(31,100,79,.12);transform:rotate(-6deg)}.leaf-one{left:-85px;bottom:8%}.leaf-two{right:-90px;top:11%;transform:rotate(155deg) scale(.85)}.ambient-seal{position:absolute;right:5vw;bottom:5vh;color:#9f412b14;border:3px solid currentColor;width:88px;height:88px;display:grid;place-items:center;font:700 48px "Noto Serif SC",serif;transform:rotate(-7deg)}.game-page{max-width:1080px;margin:auto;padding:34px 32px 64px;min-height:100vh;position:relative}.page-enter-active,.page-leave-active{transition:opacity .32s ease,transform .32s ease,filter .32s ease}.page-enter-from{opacity:0;transform:translateY(12px);filter:blur(4px)}.page-leave-to{opacity:0;transform:translateY(-7px);filter:blur(3px)}.admin-link{position:absolute;right:32px;top:25px;z-index:5;color:#55746b;text-decoration:none;font-size:13px;letter-spacing:.04em;padding:8px 13px;border-radius:999px;transition:.2s ease}.admin-link:hover{color:var(--ink);background:#ffffffad;box-shadow:0 6px 22px #23433817}.brand-bar{position:absolute;left:32px;top:22px;z-index:5}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:36px;height:36px;display:block;filter:drop-shadow(0 5px 9px rgba(0,91,172,.15))}.brand-name{font-weight:800;color:#005bac;font-size:16px;letter-spacing:.04em}.lobster-home{max-width:1180px}.home-topbar{min-height:154px;display:flex;align-items:center;gap:28px;position:relative;z-index:5}.mobile-lockup{display:flex;align-items:center}.mobile-lockup img{display:block;width:144px;height:144px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 18px rgba(0,133,208,.14))}.co-brand{display:flex;align-items:center;gap:10px;color:#b32c31}.co-brand>i{width:1px;height:34px;background:#173d342e;margin-right:4px}.co-brand img{display:block;width:74px;height:auto;filter:drop-shadow(0 7px 12px rgba(185,31,41,.14))}.home-topbar .admin-link{top:18px;right:0}.home-showcase{min-height:525px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:22px;padding:30px 8px 18px}.hero-copy{position:relative;z-index:2;padding-left:18px}.hero-copy .hero-badge{margin-bottom:18px}.hero-kicker{color:#0085d0;font-size:16px;font-weight:800;letter-spacing:.13em;margin:0 0 8px}.hero-copy h1{font:900 clamp(48px,6.2vw,78px)/1.12 "Noto Serif SC","STKaiti",serif;color:var(--ink);letter-spacing:.055em;margin:8px 0 18px;max-width:660px}.hero-description{color:var(--ink-soft);font-size:18px;line-height:1.9;max-width:610px;margin:0}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.activity-ready{color:#54756c;font-size:13px;display:flex;align-items:center;gap:8px}.activity-ready i{width:8px;height:8px;border-radius:50%;background:#00a990;box-shadow:0 0 0 6px #00a9901a;animation:status-pulse .8s ease infinite alternate}.home-loading{text-align:left;padding:28px 0}.lobster-stage{min-height:470px;display:grid;place-items:center;position:relative;isolation:isolate}.lobster-stage:before{content:"";position:absolute;width:405px;height:405px;border-radius:50%;background:linear-gradient(150deg,#0085d01f,#00a9900a 45%,#e8383821);border:1px solid rgba(0,133,208,.13);z-index:-2;box-shadow:inset 0 0 60px #fff9,0 30px 80px #2252481f}.lobster-mascot{width:min(430px,100%);height:auto;animation:lobster-float 3s ease-in-out infinite alternate;transform-origin:50% 70%}.signal-ring{position:absolute;border:2px solid rgba(0,133,208,.14);border-radius:50%;z-index:-1;animation:signal-out 2.8s ease-out infinite}.ring-one{width:360px;height:360px}.ring-two{width:430px;height:430px;animation-delay:1.3s}.mascot-caption{position:absolute;bottom:22px;left:50%;transform:translate(-50%);width:260px;padding:13px 18px;border-radius:18px;text-align:center;background:#ffffffdb;border:1px solid rgba(232,56,56,.18);box-shadow:0 16px 35px #5b28261f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mascot-caption strong{display:block;color:#cf2d34;font-size:18px;letter-spacing:.12em}.mascot-caption span{display:block;color:#59756e;font-size:12px;margin-top:4px}.home-rules{margin-top:4px}.home-rules .rule:nth-child(1){border-top:3px solid #0085d0}.home-rules .rule:nth-child(2){border-top:3px solid #e83838}.home-rules .rule:nth-child(3){border-top:3px solid #00a990}.asr-mode{max-width:840px;margin:8px auto -10px;color:#45665d;font-size:13px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.asr-mode span{width:8px;height:8px;border-radius:50%;background:#a5b4af}.asr-mode.xfyun span{background:#00a990;box-shadow:0 0 0 5px #00a9901a}.asr-mode.browser span{background:#d19a36;box-shadow:0 0 0 5px #d19a361a}.hero{text-align:center;padding:76px 20px 30px;position:relative}.home-hero{padding-top:78px;padding-bottom:20px}.hero-badge,.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--cinnabar);font-size:13px;font-weight:700;letter-spacing:.22em}.hero-badge span{width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--cinnabar))}.hero-badge span:last-child{transform:rotate(180deg)}.hero h1{font-family:"Noto Serif SC",STKaiti,serif;font-size:clamp(42px,6.8vw,76px);font-weight:900;letter-spacing:.08em;margin:14px 0 16px;line-height:1.18;color:var(--ink);text-shadow:0 3px 0 rgba(255,255,255,.75)}.hero p{font-size:17px;line-height:1.9;color:var(--ink-soft);max-width:690px;margin:0 auto}.hero-herbs{display:flex;justify-content:center;margin-top:18px}.hero-herbs i{width:40px;height:40px;border:1px solid rgba(168,78,48,.25);color:#97482ebf;background:#fffcf3ad;display:grid;place-items:center;font:600 17px "Noto Serif SC",serif;font-style:normal;margin-left:-1px;transform:rotate(45deg)}.hero-herbs i:first-letter{transform:rotate(-45deg)}.hero-herbs i:nth-child(2){transform:rotate(45deg) translateY(-5px);background:#aa4e32e6;color:#fff}.rule-row,.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.rule,.metric,.card{background:#ffffffb8;border:1px solid rgba(40,83,70,.12);border-radius:22px;padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rule{min-height:124px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.rule:after{content:"";position:absolute;right:-30px;top:-40px;width:105px;height:105px;border-radius:50%;border:20px solid rgba(207,170,94,.1)}.rule:hover{transform:translateY(-6px);box-shadow:0 25px 60px #1f433629;border-color:#b7843b47}.rule b{position:absolute;top:17px;left:21px;color:#1c4e4057;font:700 12px "Noto Serif SC",serif;letter-spacing:.12em}.rule strong,.metric strong{display:block;color:var(--cinnabar);font:700 25px "Noto Serif SC",serif;margin-bottom:5px}.rule span,.metric span{color:#607970;font-size:14px}.primary,.secondary,.ghost,.danger{border:0;border-radius:999px;padding:13px 25px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary{color:#fff;background:linear-gradient(135deg,#173f36,#2a725f);box-shadow:0 10px 28px #174c4047}.primary:hover{transform:translateY(-2px);box-shadow:0 15px 34px #174c405c}.secondary{background:linear-gradient(135deg,#e2ba69,#c8933f);color:#392713;box-shadow:0 9px 24px #b4813133}.ghost{background:#ffffffc2;border:1px solid #9aafa8;color:#315e53}.ghost:hover{background:#fff;transform:translateY(-2px)}.danger{background:#a73d37;color:#fff}.primary:disabled,button:disabled{opacity:.52;cursor:not-allowed;transform:none}.hero-action,.home-action{text-align:center}.home-page{display:flex;flex-direction:column}.home-action{margin-top:4px;padding-bottom:10px}.hero-cta{min-width:210px;padding:16px 25px 16px 31px;font-size:17px}.hero-cta i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ffffff2b;font-style:normal;transition:transform .25s ease}.hero-cta:hover i{transform:translate(4px)}.notice,.error,.success{padding:14px 17px;border-radius:14px;margin:15px 0;border:1px solid transparent}.notice{background:#fff6d9d1;border-color:#d3aa5233}.error{background:#fde8e2;color:#8e2923;border-color:#b1413229}.success{background:#e2f3e9;color:#1f6245}.loading{text-align:center;padding:54px;font-size:18px;color:var(--ink-soft)}.draw-page{max-width:1120px}.draw-hero{padding-top:62px;padding-bottom:12px}.draw-hero h1{font-size:clamp(38px,5vw,58px)}.cabinet-stage{max-width:830px;margin:12px auto 0;position:relative;perspective:1200px}.stage-glow{position:absolute;width:84%;height:28%;bottom:1%;left:8%;background:#d2a65040;filter:blur(38px);border-radius:50%;transition:.5s ease}.cabinet-stage.revealed .stage-glow{background:#f5c96680;transform:scale(1.12)}.cabinet{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding:72px 28px 56px;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(145deg,#55301d,#382117 58%,#49291b);border:12px solid #321d13;border-radius:18px 18px 12px 12px;box-shadow:inset 0 0 0 3px #815034,inset 0 0 35px #00000059,0 30px 65px #2d1c1252;transform-style:preserve-3d;animation:cabinet-arrive .75s cubic-bezier(.2,.8,.2,1) both}.cabinet:before,.cabinet:after{content:"";position:absolute;bottom:-24px;width:52px;height:22px;background:#2d1a12;border-radius:0 0 8px 8px}.cabinet:before{left:46px}.cabinet:after{right:46px}.cabinet-top{position:absolute;left:24px;right:24px;top:16px;height:40px;display:flex;align-items:center;justify-content:space-between;color:#e9c982}.cabinet-top b{font:700 21px "Noto Serif SC",serif;letter-spacing:.3em;color:#f2d697;text-shadow:0 2px 8px #130b07}.cabinet-top span{font:500 11px "Noto Serif SC",serif;border:1px solid rgba(235,199,124,.42);padding:4px 7px}.cabinet-foot{position:absolute;left:30px;right:30px;bottom:17px;display:flex;align-items:center;justify-content:center;gap:13px;color:#efcf91ad;font:500 11px "Noto Serif SC",serif;letter-spacing:.16em}.cabinet-foot i{width:42px;border-top:1px solid rgba(239,207,145,.28)}.cabinet button{aspect-ratio:1.48;border:1px solid #6e4229;border-radius:5px;background:linear-gradient(160deg,#bd8553,#a86f43 48%,#8b5434);color:#341d13;box-shadow:inset 0 0 0 3px #e1ae6f80,inset 0 -10px 18px #522b1833,0 5px #6d4029,0 8px 12px #00000040;position:relative;transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .25s,box-shadow .25s;transform-style:preserve-3d}.cabinet button:not(:disabled):hover{transform:translateY(5px) translateZ(15px);filter:brightness(1.08);box-shadow:inset 0 0 0 3px #f1c589b3,0 2px #6d4029,0 12px 20px #00000047}.cabinet button span{display:block;font:700 16px "Noto Serif SC",serif;letter-spacing:.16em}.cabinet button small{display:block;font-size:9px;margin-top:3px;opacity:.54;letter-spacing:.06em}.cabinet button>i{display:block;width:28px;height:8px;border:2px solid #50301f;border-radius:3px 3px 8px 8px;margin:8px auto 0;background:linear-gradient(#d8b06f,#9d703c);box-shadow:0 2px 2px #25140c4d}.cabinet button em{position:absolute;width:36px;height:70px;left:50%;top:-45px;margin-left:-18px;z-index:-1;background:#f7e8b9;border:1px solid #c79d55;color:#9d402a;font:700 19px/48px "Noto Serif SC",serif;box-shadow:0 6px 18px #1a0f0847;animation:ticket-rise .8s .18s cubic-bezier(.18,.88,.3,1.25) both}.cabinet.choosing button:not(.selected){filter:brightness(.73) saturate(.7);transform:scale(.97)}.cabinet button.selected{z-index:3;transform:translateY(20px) translateZ(65px) scale(1.06);filter:brightness(1.16);box-shadow:inset 0 0 0 3px #f0c981,0 3px #6d4029,0 22px 35px #140b0673;animation:chosen-pulse .72s ease-in-out infinite alternate}.draw-ticket{position:absolute;left:50%;top:49%;z-index:8;width:175px;padding:27px 20px;text-align:center;background:linear-gradient(135deg,#fff9e7,#f2dfaa);border:1px solid #c99c4c;box-shadow:0 24px 70px #2a180c57;transform:translate(-50%,-50%) rotate(-2deg);animation:reveal-card .65s .35s cubic-bezier(.2,.9,.2,1.2) both}.draw-ticket:before,.draw-ticket:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(172,81,45,.22);pointer-events:none}.draw-ticket:after{inset:auto 50% -10px auto;width:18px;height:18px;background:#a94830;border:0;border-radius:50%;transform:translate(50%);box-shadow:inset 0 0 0 3px #ffffff38}.draw-ticket span{display:block;color:#a44c31;font-size:12px;letter-spacing:.25em;margin-bottom:8px}.draw-ticket b{font:700 23px "Noto Serif SC",serif}.draw-status{padding:28px}.draw-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:10px;animation:status-pulse .8s ease infinite alternate}.question-card{text-align:center;max-width:800px;margin:35px auto}.question-card h1{font:700 32px/1.5 "Noto Serif SC",serif}.tag{display:inline-block;color:#23604f;background:#dcebe2;border:1px solid rgba(49,112,90,.13);padding:7px 15px;border-radius:20px;font-size:13px;font-weight:700}.answer-head{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:62px 0 8px}.answer-head h1{font:700 clamp(25px,4vw,38px)/1.45 "Noto Serif SC",serif;margin:15px 0}.countdown{flex:0 0 auto;width:112px;height:112px;border:7px solid #d7b35f;border-radius:50%;display:grid;place-content:center;text-align:center;background:#ffffffd9;box-shadow:inset 0 0 0 4px #f6ebcc,0 10px 30px #70501d29;position:relative}.countdown:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border-top:7px solid rgba(168,74,47,.65);animation:timer-spin 4s linear infinite}.countdown strong{font-size:42px;line-height:1;font-family:"Noto Serif SC",serif}.countdown span{font-size:12px;color:#72857f}.countdown.urgent{border-color:#c64e3a;color:#a62920;animation:urgent-pulse .7s ease infinite alternate}.recorder{max-width:840px;margin:24px auto;text-align:center;padding:30px}.recorder .state{font-weight:700;color:var(--ink)}.wave{height:100px;display:flex;align-items:center;justify-content:center;gap:5px}.wave i{width:7px;min-height:8px;background:linear-gradient(#d5ae5c,#a64f35);border-radius:8px;transition:height .12s}.wave.active i{animation:pulse .8s infinite alternate}.wave i:nth-child(2n){animation-delay:.2s}.transcript{min-height:130px;text-align:left;padding:20px 22px;background:#f5f1e7d1;border:1px solid rgba(64,101,90,.09);border-radius:16px;line-height:1.85;color:#35554c;box-shadow:inset 0 2px 9px #253f350a}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.confirm-panel{max-width:840px;margin:18px auto;text-align:center;border-color:#cd9d4147}.score-orb{width:194px;height:194px;margin:auto;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle at 38% 30%,#fffbe1,#edcb77 52%,#c48a35);border:8px solid rgba(255,255,255,.62);box-shadow:0 0 0 1px #96631b33,0 0 65px #e1b94e85;text-align:center;animation:score-arrive .72s cubic-bezier(.2,.9,.2,1.2) both}.score-orb strong{font:900 72px/1 "Noto Serif SC",serif;color:#72401f}.score-orb span{color:#8e6030}.loading .score-orb{animation:ai-breathe 1.5s ease-in-out infinite alternate}.loading .score-orb strong{font-size:52px;letter-spacing:.1em}.result{text-align:center;padding-top:42px;animation:result-enter .65s ease both}.result h2{font:800 39px "Noto Serif SC",serif;margin:18px 0 4px}.result blockquote{font:600 20px/1.85 "Noto Serif SC",serif;color:#8a4426;margin:16px auto 30px;max-width:760px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.result-grid section{background:#ffffffb8;border:1px solid rgba(39,80,68,.11);border-radius:20px;padding:22px;box-shadow:0 14px 38px #26413714}.result-grid h3,.answer-box h3{font-family:"Noto Serif SC",serif}.chips span{display:inline-block;padding:7px 11px;border-radius:14px;background:#d7eddf;margin:4px;font-size:14px}.chips.missing span{background:#f6e3d5}.answer-box{text-align:left;background:#ffffffc7;border:1px solid rgba(39,80,68,.11);box-shadow:var(--shadow);padding:27px;border-radius:20px;margin-top:20px;line-height:1.8}.source{font-size:13px;color:#718079;word-break:break-all}.disclaimer{text-align:center;color:#7b6b5a;font-size:13px;margin:26px}.admin-shell{min-height:100vh;background:linear-gradient(145deg,#f6f8f5,#edf2ee)}.admin-header{padding:15px 30px;background:linear-gradient(110deg,#143a32,#20594a);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 8px 25px #11372e2e;position:sticky;top:0;z-index:20}.admin-header a{color:#e6efe8;text-decoration:none;transition:color .2s}.admin-header nav{display:flex;gap:7px;flex-wrap:wrap}.admin-header nav a{padding:8px 11px;border-radius:8px;font-size:14px}.admin-header nav a:hover,.admin-header nav a.router-link-active{background:#ffffff1f;color:#fff}.admin-brand{display:flex;align-items:center;gap:10px;font-weight:700}.admin-brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(238,205,135,.5);color:#f2d58b;font-family:"Noto Serif SC",serif}.admin-page{max-width:1180px;margin:auto;padding:32px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:17px 0}.toolbar h1{font-family:"Noto Serif SC",serif;margin-right:auto}.toolbar input,.toolbar select,input,textarea,select{padding:11px 13px;border:1px solid #becbc5;border-radius:10px;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#4e8b79;box-shadow:0 0 0 3px #3a7e691f}textarea{width:100%;min-height:100px}.table-wrap{overflow:auto;background:#fff;border-radius:16px;box-shadow:0 12px 35px #22433812;border:1px solid #e2eae5}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th,.data-table td{padding:13px;border-bottom:1px solid #e8edea;text-align:left}.data-table th{background:#edf3ef;color:#355e52;font-size:13px;letter-spacing:.04em}.data-table tbody tr:hover{background:#f8faf8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px}.span-2{grid-column:span 2}.login-card{max-width:430px;margin:90px auto}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px}.muted{color:#6c7d77}.pagination{display:flex;gap:12px;align-items:center;margin-top:16px}@keyframes cabinet-arrive{0%{opacity:0;transform:translateY(25px) rotateX(5deg) scale(.97)}to{opacity:1;transform:none}}@keyframes ticket-rise{0%{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}@keyframes chosen-pulse{to{filter:brightness(1.25);box-shadow:inset 0 0 0 3px #f0c981,0 3px #6d4029,0 26px 42px #e0aa4c57}}@keyframes reveal-card{0%{opacity:0;transform:translate(-50%,20%) rotate(4deg) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}}@keyframes status-pulse{to{transform:scale(1.7);box-shadow:0 0 0 6px #d2aa5d24}}@keyframes timer-spin{to{transform:rotate(360deg)}}@keyframes urgent-pulse{to{transform:scale(1.04);box-shadow:0 0 30px #c64e3a3d}}@keyframes pulse{to{transform:scaleY(.55)}}@keyframes score-arrive{0%{opacity:0;transform:scale(.62) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes ai-breathe{to{transform:scale(1.06);box-shadow:0 0 85px #e1b94ead}}@keyframes result-enter{0%{opacity:0;transform:translateY(20px)}}@keyframes lobster-float{0%{transform:translateY(-7px) rotate(-1deg)}to{transform:translateY(9px) rotate(1deg)}}@keyframes signal-out{0%{opacity:.7;transform:scale(.82)}80%,to{opacity:0;transform:scale(1.1)}}@media(max-width:700px){.game-page{padding:24px 16px 50px}.brand-bar{left:16px;top:16px}.home-topbar{min-height:128px;align-items:center;flex-direction:row;gap:16px}.mobile-lockup img{width:112px;height:112px}.co-brand{margin-left:6px}.co-brand>i{display:none}.co-brand img{width:62px}.home-showcase{grid-template-columns:1fr;padding-top:18px;text-align:center}.hero-copy{padding-left:0}.hero-copy h1{font-size:clamp(42px,13vw,58px)}.hero-description{font-size:15px}.hero-actions{justify-content:center;margin-top:22px}.lobster-stage{min-height:360px;margin-top:-18px}.lobster-stage:before{width:315px;height:315px}.lobster-mascot{width:340px}.ring-one{width:280px;height:280px}.ring-two{width:340px;height:340px}.mascot-caption{bottom:2px}.admin-link{right:13px;top:17px}.home-hero{padding-top:92px}.hero{padding-left:4px;padding-right:4px}.hero h1{font-size:clamp(36px,12vw,54px);letter-spacing:.03em}.hero p{font-size:15px}.rule-row,.metric-grid,.result-grid,.form-grid{grid-template-columns:1fr}.rule-row{gap:11px}.rule{min-height:105px;padding:19px}.span-2{grid-column:auto}.draw-hero{padding-top:66px}.cabinet{grid-template-columns:repeat(3,1fr);gap:7px;padding:66px 14px 49px;border-width:8px}.cabinet button span{font-size:14px}.cabinet button small{display:none}.cabinet-top{left:13px;right:13px}.cabinet-top b{font-size:17px}.cabinet-foot{bottom:14px}.answer-head{align-items:flex-start;padding-top:55px;gap:13px}.answer-head h1{font-size:23px}.countdown{width:83px;height:83px;border-width:5px}.countdown:after{top:-5px;right:-5px;bottom:-5px;left:-5px;border-top-width:5px}.countdown strong{font-size:31px}.recorder{padding:20px 15px}.admin-header{align-items:flex-start;flex-direction:column;padding:14px 18px}.admin-page{padding:22px 15px}}.orientation-home{min-height:100vh;padding:24px clamp(24px,5vw,76px) 34px;color:#16365f;background:radial-gradient(circle at 7% 12%,rgba(255,205,77,.24),transparent 24%),radial-gradient(circle at 92% 78%,rgba(0,132,201,.14),transparent 28%),linear-gradient(135deg,#f8fbff,#fffdf5 52%,#f2f9ff);overflow:hidden;position:relative}.orientation-home:before{content:"FZPSTE";position:absolute;right:-12px;bottom:-40px;font:900 clamp(100px,17vw,250px)/1 Arial,sans-serif;letter-spacing:-.06em;color:#005bac09;pointer-events:none}.campus-masthead{max-width:1240px;margin:auto;min-height:82px;display:flex;align-items:center;gap:20px;border-bottom:1px solid rgba(18,68,116,.12);position:relative;z-index:3}.school-identity{display:flex;align-items:center;gap:14px}.school-seal{width:54px;height:54px;display:grid;place-items:center;border-radius:17px 17px 17px 5px;color:#fff;background:linear-gradient(145deg,#0069b4,#00a2cf);box-shadow:0 12px 28px #005bac2e;font:800 29px "Noto Serif SC",serif}.school-identity>span:last-child{display:grid;gap:5px}.school-identity strong{font:800 20px "Noto Serif SC",serif;letter-spacing:.06em;color:#123d6a}.school-identity small{font-size:13px;color:#58708a;letter-spacing:.18em}.support-brand{margin-left:auto;display:flex;align-items:center;gap:11px;color:#7c8da1;font-size:12px}.support-brand img{width:63px;height:63px;object-fit:contain}.campus-masthead .admin-link{position:static;color:#6a7d90;white-space:nowrap}.orientation-intro{max-width:1240px;margin:30px auto 22px;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:34px}.orientation-eyebrow{display:inline-flex;align-items:center;color:#ef704e;font-size:13px;font-weight:800;letter-spacing:.18em}.orientation-intro h1{margin:10px 0 13px;font:900 clamp(40px,5.2vw,68px)/1.13 "Noto Serif SC",serif;letter-spacing:.025em;color:#173e68}.orientation-intro h1 em{color:#007fb9;font-style:normal}.orientation-intro p{margin:0;max-width:700px;color:#5d7186;font-size:17px;line-height:1.8}.welcome-mascot{justify-self:end;display:flex;align-items:center;gap:4px;transform:rotate(2deg)}.welcome-mascot span{background:#fff;color:#e35445;padding:10px 14px;border-radius:18px 18px 4px;box-shadow:0 12px 32px #1d4a741f;font-weight:800;white-space:nowrap}.welcome-mascot img{width:98px;height:98px;object-fit:contain;animation:mascot-wave 1.8s ease-in-out infinite alternate}.experience-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative;z-index:2}.experience-card{min-height:292px;padding:28px 30px;border-radius:28px;color:inherit;text-decoration:none;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid rgba(18,68,116,.1);box-shadow:0 22px 60px #1641681a;transition:transform .25s ease,box-shadow .25s ease}.experience-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px #1641682b}.personality-card{background:linear-gradient(145deg,#fff8e5,#fff 70%)}.profession-card{background:linear-gradient(145deg,#e9f7ff,#fff 72%)}.experience-card:after{content:"";position:absolute;right:-65px;bottom:-75px;width:210px;height:210px;border-radius:50%;background:#ffffff94;box-shadow:0 0 0 24px #ffffff40}.experience-card-head{display:flex;align-items:center;justify-content:space-between}.experience-card-head b{color:#153f6759;font:800 15px Georgia,serif}.experience-card-head span{padding:7px 11px;border-radius:999px;background:#ffffffbf;color:#60758a;font-size:12px;font-weight:700}.experience-icon{width:48px;height:48px;margin-top:20px;border-radius:15px;display:grid;place-items:center;color:#fff;background:#f18a46;font-size:25px;box-shadow:0 10px 22px #e1743a33}.profession-card .experience-icon{background:#0089c7;box-shadow:0 10px 22px #007ebb33}.experience-card h2{margin:14px 0 8px;color:#173e68;font:800 27px "Noto Serif SC",serif}.experience-card p{margin:0 0 20px;max-width:490px;color:#61758a;font-size:15px;line-height:1.75}.experience-card>strong{margin-top:auto;color:#e76543;font-size:16px}.profession-card>strong{color:#007fb9}.experience-card>strong i{display:inline-grid;place-items:center;width:29px;height:29px;margin-left:7px;border-radius:50%;background:currentColor;color:#fff;font-style:normal}.experience-card.unavailable{opacity:.7}.orientation-footer{max-width:1240px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:13px;color:#738397;font-size:13px}.orientation-footer i{width:4px;height:4px;border-radius:50%;background:#ef704e}@keyframes mascot-wave{0%{transform:translateY(-3px) rotate(-4deg)}to{transform:translateY(5px) rotate(4deg)}}@media(max-width:760px){.orientation-home{padding:16px 16px 28px}.campus-masthead{align-items:flex-start;min-height:96px;padding-bottom:12px}.school-seal{width:46px;height:46px;font-size:24px}.school-identity strong{font-size:16px}.school-identity small{font-size:11px}.support-brand{display:none}.campus-masthead .admin-link{margin-left:auto;font-size:12px;padding:6px}.orientation-intro{margin-top:24px;grid-template-columns:1fr 80px;gap:8px}.orientation-intro h1{font-size:clamp(37px,11vw,52px)}.orientation-intro p{grid-column:1 / -1;font-size:15px}.welcome-mascot{align-self:end}.welcome-mascot span{display:none}.welcome-mascot img{width:76px;height:76px}.experience-grid{grid-template-columns:1fr}.experience-card{min-height:260px;padding:24px}.experience-card h2{font-size:24px}.orientation-footer{flex-wrap:wrap;text-align:center}}.personality-page{min-height:100vh;padding:24px clamp(18px,5vw,70px) 50px;color:#173e68;background:radial-gradient(circle at 12% 15%,rgba(255,204,84,.3),transparent 26%),radial-gradient(circle at 90% 85%,rgba(0,142,197,.18),transparent 28%),#f7fbff}.experience-topbar{max-width:980px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;color:#6b7f93;font-size:14px}.experience-topbar a{color:#1b628f;text-decoration:none;font-weight:700;padding:10px 0}.personality-shell,.personality-result{max-width:900px;margin:auto}.personality-progress{margin-bottom:24px}.personality-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.personality-progress span{color:#ef704e;font-size:12px;font-weight:900;letter-spacing:.2em}.personality-progress b{font-size:14px;color:#42617e}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#144a771a}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f28a46,#ffbd52);transition:width .3s ease}.personality-question{background:#ffffffe6;border:1px solid rgba(19,74,119,.1);border-radius:30px;padding:clamp(26px,5vw,50px);box-shadow:0 25px 70px #18466f1c;animation:question-in .35s ease both}.scene-tag{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eef7fb;color:#007eaf;font-size:13px;font-weight:800}.personality-question h1{margin:17px 0 28px;font:800 clamp(27px,4vw,40px)/1.35 "Noto Serif SC",serif;color:#173e68}.personality-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.personality-options button{min-height:78px;padding:15px 17px;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:10px;text-align:left;color:#36546f;background:#f8fbfd;border:1px solid rgba(25,79,120,.1);border-radius:18px;cursor:pointer;transition:.2s ease;font-size:15px;line-height:1.55}.personality-options button:hover,.personality-options button.chosen{transform:translateY(-2px);border-color:#f39a58;background:#fff7ed;box-shadow:0 12px 26px #db72381f}.personality-options button b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#e86f3f;box-shadow:0 5px 14px #1e497014}.personality-options button i{color:#8aa0b3;font-style:normal;font-size:18px}.personality-note{text-align:center;color:#8797a7;font-size:13px;margin-top:18px}.personality-result{text-align:center;max-width:720px;background:#ffffffeb;border:1px solid rgba(19,74,119,.1);border-radius:34px;padding:clamp(34px,6vw,62px);box-shadow:0 28px 80px #18466f21;animation:result-enter .5s ease both}.result-overline{color:#ee7047;font-size:13px;font-weight:900;letter-spacing:.18em}.personality-result-icon{width:88px;height:88px;margin:20px auto 13px;display:grid;place-items:center;border-radius:27px 27px 27px 8px;color:#fff;background:linear-gradient(145deg,#078dcc,#49b7cb);font-size:42px;box-shadow:0 16px 32px #007eb733}.personality-result h1{margin:0;font:900 clamp(38px,7vw,58px) "Noto Serif SC",serif;color:#173e68}.keyword-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:18px 0}.keyword-row span{padding:7px 12px;border-radius:999px;background:#fff3e8;color:#df6d3e;font-size:13px;font-weight:800}.personality-result>p{color:#526b81;font-size:17px;line-height:1.9}.personality-result blockquote{margin:24px 0;padding:17px 20px;border-radius:18px;color:#156b92;background:#edf8fc;font:700 17px/1.7 "Noto Serif SC",serif}.personality-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.personality-result small{color:#91a0ad;font-size:12px}@keyframes question-in{0%{opacity:0;transform:translate(12px)}}@media(max-width:680px){.personality-page{padding:16px 14px 34px}.personality-options{grid-template-columns:1fr}.personality-question{padding:25px 19px;border-radius:24px}.personality-question h1{font-size:27px;margin-bottom:21px}.personality-options button{min-height:70px}.experience-topbar span{display:none}}.professional-draw{min-height:100vh;padding:24px clamp(18px,5vw,70px) 52px;color:#173e68;background:radial-gradient(circle at 8% 18%,rgba(255,202,72,.28),transparent 25%),radial-gradient(circle at 88% 78%,rgba(0,141,198,.18),transparent 28%),linear-gradient(145deg,#f8fbff,#fffdf6 55%,#eef8ff)}.professional-draw .experience-topbar{max-width:1100px}.draw-welcome{max-width:1100px;min-height:570px;margin:0 auto;padding:35px 0 20px;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:70px}.draw-copy{position:relative;z-index:2}.draw-overline{display:inline-flex;padding:8px 13px;border-radius:999px;color:#e66a43;background:#fff1e6;font-size:13px;font-weight:900;letter-spacing:.12em}.draw-copy h1{margin:18px 0 16px;color:#173e68;font:900 clamp(44px,6vw,72px)/1.16 "Noto Serif SC",serif;letter-spacing:.02em}.draw-copy>p{max-width:630px;margin:0;color:#5a7085;font-size:17px;line-height:1.9}.draw-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.draw-facts span{padding:10px 13px;border-radius:13px;color:#547089;background:#ffffffc7;border:1px solid rgba(20,76,121,.09);box-shadow:0 9px 26px #1c466a12;font-size:13px}.draw-facts b{color:#0086c5;font-size:18px;margin-right:3px}.question-card-stage{width:390px;height:485px;position:relative;border:0;background:none;padding:0;perspective:1100px;justify-self:center;cursor:pointer}.question-card-back,.question-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:34px;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.question-card-back{background:linear-gradient(145deg,#d8edf8,#fff);border:1px solid rgba(0,105,180,.14);box-shadow:0 20px 50px #19486e1f}.back-one{transform:rotate(-7deg) translate(-16px,5px)}.back-two{transform:rotate(5deg) translate(15px,9px);background:linear-gradient(145deg,#fff3dc,#fff)}.question-card-face{top:7px;right:7px;bottom:7px;left:7px;padding:28px;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 14%,rgba(255,255,255,.22),transparent 22%),linear-gradient(145deg,#006bb6,#00a0c9);border:8px solid rgba(255,255,255,.86);box-shadow:0 28px 70px #0062a147;display:flex;flex-direction:column;align-items:center;justify-content:center}.question-card-face:before,.question-card-face:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.question-card-face:before{left:-110px;top:-80px;box-shadow:0 0 0 24px #ffffff0d,0 0 0 50px #ffffff09}.question-card-face:after{right:-120px;bottom:-95px;box-shadow:0 0 0 30px #ffffff0b}.question-card-face small{position:absolute;left:28px;top:27px;font-size:11px;font-weight:800;letter-spacing:.16em;opacity:.78}.question-card-face em{width:122px;height:122px;display:grid;place-items:center;border-radius:38px 38px 38px 10px;color:#006fac;background:linear-gradient(145deg,#fff7d4,#fff);box-shadow:0 18px 38px #00346333;font:900 74px/1 Georgia,serif;font-style:normal;transform:rotate(-4deg);transition:transform .3s ease}.question-card-face strong{margin-top:28px;font-size:27px;letter-spacing:.08em}.question-card-face>span{margin-top:9px;font-size:13px;opacity:.8}.question-card-stage:hover:not(:disabled) .question-card-face{transform:translateY(-10px) rotateY(-4deg);box-shadow:0 38px 78px #0062a157}.question-card-stage:hover:not(:disabled) .question-card-face em{transform:rotate(4deg) scale(1.05)}.question-card-stage.opened .question-card-face{animation:card-open .82s cubic-bezier(.16,.84,.26,1) both}.question-card-stage.opened .back-one{transform:rotate(-12deg) translate(-30px,7px)}.question-card-stage.opened .back-two{transform:rotate(11deg) translate(28px,12px)}.draw-tip{max-width:640px;margin:-25px auto 0;padding:12px 19px 12px 12px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:20px;color:#537086;background:#ffffffb8;border:1px solid rgba(19,72,114,.08);box-shadow:0 14px 34px #17426914}.draw-tip img{width:55px;height:55px;object-fit:contain}.draw-tip div{display:grid;gap:3px}.draw-tip b{color:#e36545;font-size:14px}.draw-tip span{font-size:13px}.professional-draw>.error,.professional-draw>.draw-status{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.result-threshold{display:inline-flex;margin-top:18px;padding:7px 12px;border-radius:999px;color:#0878a8;background:#e9f7fc;font-size:12px;font-weight:800}.orientation-answer .tag{color:#0878a8;background:#e8f6fb}@keyframes card-open{0%{transform:none}45%{transform:translateY(-35px) rotateY(12deg) scale(1.03)}to{transform:translateY(-9px) rotateY(180deg)}}@media(max-width:820px){.professional-draw{padding:16px 16px 38px}.draw-welcome{min-height:auto;padding-top:14px;grid-template-columns:1fr;gap:35px;text-align:center}.draw-copy>p{margin-inline:auto;font-size:15px}.draw-facts{justify-content:center}.question-card-stage{width:min(330px,86vw);height:410px}.draw-tip{margin-top:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}