.accordion-gallery{--ag-accent: #ffffff;--ag-overlay: #060010;--ag-text: #ffffff;--ag-gap: 10px;--ag-radius: 16px;--ag-media-size: 320px;display:flex;flex-direction:row;gap:var(--ag-gap);width:100%;max-width:100%;perspective:1400px;perspective-origin:50% 50%}.accordion-gallery--vertical{flex-direction:column}.ag-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border-radius:var(--ag-radius);cursor:pointer;display:block;text-decoration:none;outline:none;transform-style:preserve-3d;transform-origin:center center;background:#0a0713;box-shadow:0 10px 30px -18px #000c;will-change:flex-grow,transform;-webkit-tap-highlight-color:transparent}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent),0 10px 30px -18px #000c}.ag-panel__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.ag-panel__media{--ag-gray: 1;--ag-dim: .35;position:absolute;top:50%;left:50%;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform,filter}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ag-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--ag-overlay) 78%,transparent) 100%),color-mix(in srgb,var(--ag-overlay) calc(var(--ag-dim, .35) * 100%),transparent)}.ag-panel__label{position:absolute;left:20px;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;pointer-events:none;z-index:2}.ag-panel__bar{flex:0 0 auto;width:3px;height:26px;border-radius:3px;background:var(--ag-accent);opacity:0;box-shadow:0 0 12px color-mix(in srgb,var(--ag-accent) 60%,transparent)}.ag-panel__text{color:var(--ag-text);font-family:inherit;font-weight:600;font-size:clamp(1rem,1.4vw,1.4rem);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px rgba(0,0,0,.55)}@media (max-width: 520px){.accordion-gallery{flex-direction:column;perspective:none;height:auto!important}.ag-panel{min-height:84px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media (prefers-reduced-motion: reduce){.ag-panel,.ag-panel__media{will-change:auto}}.flip-card{--fc-w: 300px;--fc-h: 400px;--fc-radius: 22px;--fc-bg: #27272a;--fc-ink: #f5f5f5;--fc-shadow: #000000;--fc-shadow-o: .45;--fc-glare: .22;position:relative;display:inline-block;width:var(--fc-w);max-width:100%;height:var(--fc-h);border-radius:var(--fc-radius);outline:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{position:absolute;top:12%;right:9%;bottom:-5%;left:9%;border-radius:var(--fc-radius);background:color-mix(in srgb,var(--fc-shadow) calc(var(--fc-shadow-o) * 100%),transparent);filter:blur(22px);pointer-events:none}.flip-card__rotor{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.flip-card__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card__face img{-webkit-user-drag:none}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle farthest-side at var(--fc-gx, 50%) var(--fc-gy, 50%),rgba(255,255,255,var(--fc-glare)) 0%,rgba(255,255,255,calc(var(--fc-glare) * .76)) 12%,rgba(255,255,255,calc(var(--fc-glare) * .5)) 26%,rgba(255,255,255,calc(var(--fc-glare) * .28)) 42%,rgba(255,255,255,calc(var(--fc-glare) * .12)) 60%,rgba(255,255,255,calc(var(--fc-glare) * .04)) 78%,rgba(255,255,255,0) 100%);opacity:var(--fc-sheen, 0);pointer-events:none}.flip-card[data-fade] .flip-card__face{transform:none;opacity:0;backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .2s ease}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}.thought-line{--tl-ease-out: cubic-bezier(.23, 1, .32, 1);--tl-ease-in-out: cubic-bezier(.77, 0, .175, 1);--tl-font: 16px;--tl-color: currentColor;--tl-glyph: currentColor;--tl-settle: .35s;--tl-blur: 2px;--tl-shimmer: 1.8s;--tl-done: .75;--tl-timer: .55;display:inline-flex;flex-direction:column;align-items:flex-start;color:var(--tl-color);font-family:inherit;font-size:var(--tl-font);font-weight:500;line-height:1.2}.thought-line__head{position:relative;display:inline-flex;align-items:center;gap:.3em;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;white-space:nowrap;outline:none;cursor:default}.thought-line__head[data-toggle]{cursor:pointer;-webkit-tap-highlight-color:transparent}.thought-line__glyph{display:inline-flex;flex:none;width:1.1em;height:1.1em;margin-right:.2em;color:var(--tl-glyph)}.thought-line__glyph svg{display:block;width:100%;height:100%}.thought-line__dot{width:.5em;height:.5em;margin:auto;border-radius:50%;background:currentColor}.thought-line__label{display:inline-grid}.thought-line__text{grid-area:1 / 1;width:max-content;opacity:0;filter:blur(var(--tl-blur));transition:opacity var(--tl-settle) var(--tl-ease-out),filter var(--tl-settle) var(--tl-ease-out)}.thought-line__text[data-active]{opacity:1;filter:blur(0)}.thought-line__text--done[data-active]{opacity:var(--tl-done)}.thought-line__breath{display:inline-block}.thought-line[data-working] .thought-line__breath[data-shimmer]{background:linear-gradient(100deg,color-mix(in srgb,var(--tl-color) 50%,transparent) 30%,var(--tl-color) 50%,color-mix(in srgb,var(--tl-color) 50%,transparent) 70%);background-size:250% 100%;background-position:125% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:thought-line-shimmer var(--tl-shimmer) linear infinite}@keyframes thought-line-shimmer{to{background-position:-125% 0}}.thought-line__timer{font-variant-numeric:tabular-nums;opacity:var(--tl-timer);transition:opacity var(--tl-settle) ease,transform var(--tl-settle) var(--tl-ease-in-out)}.thought-line__timer[data-done]{opacity:var(--tl-done)}.thought-line__chevron{display:inline-flex;margin-left:.1em;opacity:0;transition:opacity .2s ease,transform .2s var(--tl-ease-out)}.thought-line__chevron[data-on]{opacity:.55}.thought-line[data-open] .thought-line__chevron{transform:rotate(180deg)}.thought-line__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.thought-line__trace{display:grid;grid-template-rows:0fr;width:0;min-width:100%;transition:grid-template-rows var(--tl-settle) var(--tl-ease-out)}.thought-line__trace[data-open]{grid-template-rows:1fr}.thought-line__fold{min-height:0;overflow-x:visible;overflow-y:clip}.thought-line__steps{display:flex;flex-direction:column;gap:.45em;width:max-content;padding:.6em 0 .2em 1.6em;font-size:.875em;font-weight:400;white-space:nowrap}.thought-line__step{display:flex;align-items:center;gap:.5em;opacity:1;transform:translateY(0);transition:opacity .2s var(--tl-ease-out),transform .2s var(--tl-ease-out)}@starting-style{.thought-line__step{opacity:0;transform:translateY(-4px)}}.thought-line__mark{display:inline-grid;flex:none;place-items:center;width:1em;height:1em;opacity:.55}.thought-line__pulse{display:block;width:.4em;height:.4em;border-radius:50%;background:currentColor;animation:thought-line-pulse 1.6s var(--tl-ease-in-out) infinite}@keyframes thought-line-pulse{0%,to{opacity:.55}50%{opacity:1}}.thought-line__step-text{transition:opacity var(--tl-settle) ease}.thought-line__step[data-done] .thought-line__step-text{opacity:.55}@media (prefers-reduced-motion: reduce){.thought-line__text{filter:none!important;transition:opacity var(--tl-settle) ease}.thought-line__timer{transition:opacity var(--tl-settle) ease}.thought-line__step{transform:none!important;transition:opacity .2s ease}.thought-line__pulse{animation-duration:2.4s}}.orbit-container{position:relative;margin-left:auto;margin-right:auto}.orbit-scaling-container{width:100%;height:100%;position:relative}.orbit-scaling-container--responsive{position:absolute;left:50%;top:50%;transform-origin:center center}.orbit-rotation-wrapper{width:100%;height:100%;transform-origin:center center;position:relative}.orbit-path-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.orbit-item{position:absolute;will-change:transform;-webkit-user-select:none;user-select:none}.orbit-center-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.orbit-image{width:100%;height:100%;object-fit:contain}:root{--bg: #f7fbfe;--ink: #17324a;--muted: #6f8ca2;--blue: #2e86c4;--blue-deep: #123e68;--blue-soft: #d9effc;--line-blue: #cfe8f8;--red: #e85b69;--coral: #ff9a8a;--gold: #ffd98e;--panel: rgba(255, 255, 255, .88);--shadow: 0 12px 30px rgba(93, 150, 200, .12);--shadow-sm: 0 6px 16px rgba(93, 150, 200, .1);--r-lg: 28px;--r-md: 20px;--r-sm: 14px;--font: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:var(--font);color:var(--ink);background:linear-gradient(165deg,#f2faff,#dcf0fd 22%,#c3e4f8 48%,#d9effc 72%,#f2faff);background-size:100% 220%;animation:bgDrift 26s ease-in-out infinite;overflow-x:hidden}@keyframes bgDrift{0%,to{background-position:0% 0%}50%{background-position:0% 100%}}body:before{content:"";position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 24% 32%,rgba(150,208,242,.34),transparent 42%),radial-gradient(circle at 78% 68%,rgba(168,220,246,.3),transparent 46%);animation:blobDrift 34s ease-in-out infinite alternate}@keyframes blobDrift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.08)}}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.screen-enter{animation:none!important}}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:18px 14px 40px;position:relative;z-index:1}.topbar{width:min(1180px,96vw);display:flex;align-items:center;gap:10px}.topbar .grow{flex:1}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-blue);background:#fffc;color:var(--blue-deep);border-radius:999px;padding:8px 14px;box-shadow:var(--shadow-sm);transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px);background:#fff}.pill:disabled{opacity:.45;transform:none}.panel{width:min(1180px,96vw);background:var(--panel);border:1px solid var(--line-blue);border-radius:var(--r-lg);box-shadow:var(--shadow)}.btn-primary{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:none;border-radius:999px;padding:12px 26px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-deep) 100%);color:#fff;font-size:16px;letter-spacing:2px;box-shadow:0 10px 24px #2e86c459;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #2e86c473}.btn-primary:disabled{opacity:.5}.btn-ghost{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-blue);background:#fff;color:var(--blue-deep);border-radius:999px;padding:10px 18px;transition:transform .2s}.btn-ghost:hover:not(:disabled){transform:translateY(-2px)}.btn-ghost:disabled{opacity:.4}.pet{width:84px;height:84px;object-fit:contain;image-rendering:pixelated}.screen-enter{animation:screenIn .45s cubic-bezier(.22,1,.36,1) backwards}@keyframes screenIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.bubble-field{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bubble-field i{position:absolute;bottom:-30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#8ccdf040);border:1px solid rgba(140,205,240,.4);animation:bubbleUp linear infinite}@keyframes bubbleUp{0%{transform:translateY(0);opacity:.7}10%{opacity:.9}to{transform:translateY(-110vh);opacity:0}}.handoff-flash{animation:handoff .9s ease both}@keyframes handoff{0%,to{filter:none}40%{filter:brightness(1.6) saturate(1.3)}}.card{position:relative;width:var(--card-w, 92px);aspect-ratio:5 / 7;border-radius:12px;background:linear-gradient(160deg,#fff,#f2faff);border:1.5px solid var(--line-blue);box-shadow:var(--shadow-sm);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;-webkit-user-select:none;user-select:none;flex:none}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-8px);box-shadow:0 14px 28px #2e86c438}.card.selected{transform:translateY(-14px);border-color:var(--blue);box-shadow:0 0 0 2.5px var(--blue),0 16px 30px #2e86c44d}.card.won{animation:cardWin .7s ease both}.card.lost{animation:cardLose .7s ease both}@keyframes cardWin{30%{transform:translateY(-10px) scale(1.06)}}@keyframes cardLose{40%{transform:translateY(6px) scale(.96);opacity:.7}}.card .corner{position:absolute;top:5px;left:7px;z-index:2;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700;font-size:calc(var(--card-w, 92px) * .17);text-shadow:0 0 2px #fff,0 1px 3px rgba(255,255,255,.95)}.card .corner.bottom{top:auto;left:auto;right:7px;bottom:5px;transform:rotate(180deg)}.card .corner svg{width:calc(var(--card-w, 92px) * .15);height:calc(var(--card-w, 92px) * .15);margin-top:1px;filter:drop-shadow(0 0 1.5px #fff)}.card.red-suit{color:var(--red)}.card.black-suit{color:var(--ink)}.card .pip-area{position:absolute;top:12%;right:18%;bottom:12%;left:18%}.card .pip{position:absolute;transform:translate(-50%,-50%)}.card .pip{animation:whaleBob 2.6s ease-in-out infinite;animation-delay:calc(var(--pip-i, 0) * -.13s)}@keyframes whaleBob{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-53%) rotate(2deg)}}.card .pip-img{width:calc(var(--card-w, 92px) * .2);height:calc(var(--card-w, 92px) * .2);object-fit:contain;display:block;background:#fff;border-radius:50%}.card .face-emblem{position:absolute;top:16%;right:14%;bottom:16%;left:14%;z-index:1;border-radius:calc(var(--card-w, 92px) * .11);overflow:hidden;border:1px solid var(--line-blue);display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--blue-soft),#fff)}.card .face-emblem img{width:78%;object-fit:contain}.card .face-letter{position:absolute;right:4px;bottom:2px;font-weight:800;font-size:calc(var(--card-w, 92px) * .2);color:var(--blue-deep);opacity:.85}.card .special-emblem{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.card .special-emblem svg{width:calc(var(--card-w, 92px) * .34);height:calc(var(--card-w, 92px) * .34)}.card .special-emblem .sp-name{font-size:calc(var(--card-w, 92px) * .15);font-weight:700;color:var(--blue-deep)}.card .special-emblem .sp-value{font-size:calc(var(--card-w, 92px) * .26);font-weight:800;color:var(--ink)}.card.face-down{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.16),transparent 42%),linear-gradient(150deg,var(--blue) 0%,var(--blue-deep) 90%);border-color:var(--blue-deep)}.card.face-down:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1.5px solid rgba(255,255,255,.5);border-radius:8px;background:url(/characters/whale.png) center/58% no-repeat;opacity:.85}.flip-wrap{perspective:900px;flex:none}.flip-inner{position:relative;width:var(--card-w, 92px);aspect-ratio:5 / 7;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1)}.flip-wrap.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face.back{transform:rotateY(180deg)}.field-zone{min-height:calc(var(--card-w, 92px) * 1.6);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.mini-card{display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:600;background:var(--blue-soft);color:var(--blue-deep);border:1px solid var(--line-blue)}.mini-card.red{background:#fdecee;color:var(--red);border-color:#f5c9cf}.face-emblem.client img{width:100%;height:100%;object-fit:cover;display:block}.face-emblem.client{padding:0;border-width:max(1.5px,calc(var(--card-w, 92px) * .022));background:#fff}.dice3d{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px}.dice3d .dice-row{display:flex;gap:18px;perspective:700px}.die{position:relative;width:46px;height:46px;transform-style:preserve-3d;animation:dieIdle 6s linear infinite}.dice3d.rolling .die{animation:dieTumble .9s linear infinite;animation-delay:var(--die-delay, 0s)}@keyframes dieIdle{0%{transform:rotateX(-18deg) rotateY(24deg)}to{transform:rotateX(-18deg) rotateY(384deg)}}@keyframes dieTumble{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.die-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:5px;gap:1px;border-radius:9px;background:#fff;border:1.5px solid var(--face-color);box-shadow:inset 0 0 8px #2e86c41f}.die-face:nth-child(1){transform:translateZ(23px)}.die-face:nth-child(2){transform:rotateY(180deg) translateZ(23px)}.die-face:nth-child(3){transform:rotateY(90deg) translateZ(23px)}.die-face:nth-child(4){transform:rotateY(-90deg) translateZ(23px)}.die-face:nth-child(5){transform:rotateX(90deg) translateZ(23px)}.die-face:nth-child(6){transform:rotateX(-90deg) translateZ(23px)}.die-face span{border-radius:50%}.die-face span.on{background:var(--face-color)}.die-caption{font-size:13px;font-weight:700;color:var(--blue-deep)}.start-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#0b2c49,#14507e 45%,#1a6aa3)}.start-ocean{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.start-content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;color:#eaf6ff}.start-logo{display:flex;align-items:center;gap:18px}.start-logo img{width:110px;filter:drop-shadow(0 10px 24px rgba(0,20,40,.45));animation:logoBob 4s ease-in-out infinite}@keyframes logoBob{50%{transform:translateY(-12px) rotate(-2deg)}}.start-title{font-size:clamp(34px,6vw,56px);font-weight:900;letter-spacing:8px;text-shadow:0 6px 30px rgba(0,40,70,.5)}.start-sub{font-size:14px;letter-spacing:6px;opacity:.85}.start-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.start-actions .btn-primary{background:linear-gradient(135deg,#58b7ec,#1c6fb4)}.start-actions .btn-ghost{background:#ffffff1f;border-color:#fff6;color:#eaf6ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hall-block{margin-top:18px;padding:20px 22px 26px}.hall-block h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:17px;color:var(--blue-deep)}.mode-row{display:flex;gap:14px;flex-wrap:wrap}.mode-card{flex:1;min-width:220px;border:1.5px solid var(--line-blue);border-radius:var(--r-md);background:#fff;padding:18px;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mode-card.picked{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft),var(--shadow)}.mode-card .mc-title{font-weight:800;font-size:16px;margin:8px 0 4px;color:var(--blue-deep)}.mode-card .mc-desc{font-size:12.5px;color:var(--muted)}.mode-card svg{color:var(--blue)}.dlc-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.hall-footer{position:sticky;bottom:12px;margin-top:20px;display:flex;justify-content:center;z-index:5}.game-top{display:flex;align-items:center;gap:10px;width:min(1180px,96vw);flex-wrap:wrap}.score-chip{display:flex;align-items:center;gap:8px;padding:6px 14px}.score-chip b{font-size:18px;color:var(--blue-deep)}.seat{display:flex;align-items:center;gap:10px}.seat .seat-info{display:flex;flex-direction:column;gap:2px}.seat .seat-name{font-weight:800;font-size:14px;color:var(--blue-deep)}.seat .seat-side{font-size:11px;padding:1px 8px;border-radius:999px;width:fit-content}.seat .seat-side.red{background:#fdecee;color:var(--red)}.seat .seat-side.black{background:#e8eef3;color:var(--ink)}.board{margin-top:14px;padding:18px;display:grid;grid-template-columns:1fr 300px;gap:16px}.board-main{display:flex;flex-direction:column;gap:14px;min-width:0}.hand-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;min-height:130px}.zone-label{font-size:12px;font-weight:700;color:var(--blue-deep);letter-spacing:2px;display:flex;align-items:center;gap:6px}.center-field{padding:14px;border:1.5px dashed var(--line-blue);border-radius:var(--r-md);background:#ffffff80}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.side-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.log-panel{padding:12px 14px;flex:1;overflow-y:auto;max-height:300px}.log-panel h3{margin:0 0 8px;font-size:13px;color:var(--blue-deep);display:flex;gap:6px;align-items:center}.round-row{font-size:12px;line-height:1.8;padding:8px 0;border-bottom:1px dashed var(--line-blue);color:var(--muted)}.round-row b{color:var(--blue-deep)}.calc-steps{display:flex;flex-direction:column;gap:6px}.calc-step{display:flex;gap:8px;align-items:baseline;font-size:12.5px;padding:6px 10px;border-radius:10px;background:var(--blue-soft);opacity:0;transform:translateY(8px);animation:stepIn .4s ease forwards}@keyframes stepIn{to{opacity:1;transform:none}}.calc-step .cs-label{font-weight:800;color:var(--blue-deep);flex:none}.speech{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line-blue);box-shadow:var(--shadow-sm)}.speech .sp-text{font-size:13px;color:var(--ink);line-height:1.6}.speech .sp-name{font-size:11px;color:var(--muted)}.settle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0e2c498c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.settle-card{background:#fff;border-radius:var(--r-lg);padding:26px 30px;width:min(560px,94vw);max-height:86vh;overflow-y:auto;box-shadow:0 30px 80px #0a284666;display:flex;flex-direction:column;gap:14px;align-items:center;animation:screenIn .4s cubic-bezier(.22,1,.36,1) backwards}.settle-card h2{margin:0;font-size:22px;color:var(--blue-deep)}.settle-score{font-size:30px;font-weight:900;color:var(--ink);letter-spacing:2px}.result-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.result-title{font-size:clamp(30px,6vw,46px);font-weight:900;color:var(--blue-deep)}.result-pet{animation:logoBob 3.5s ease-in-out infinite}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:min(1180px,96vw);margin-top:16px}.codex-card{padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.codex-card img{width:72%;max-height:240px;object-fit:contain}.codex-card .cx-name{font-weight:800;color:var(--blue-deep)}.codex-card .cx-title{font-size:12px;color:var(--muted)}.rule-block{margin-top:16px;padding:20px 24px;width:min(1180px,96vw)}.rule-block h3{color:var(--blue-deep);margin:0 0 10px}.rule-block p{font-size:13.5px;line-height:2;color:var(--ink);margin:0 0 12px}@media (max-width: 900px){.board{grid-template-columns:1fr}.side-panel{flex-direction:row;flex-wrap:wrap}.log-panel{flex:1 1 100%;max-height:200px}}:root{--card-w: 92px}@media (max-width: 560px){:root{--card-w: 64px}.hand-row{min-height:96px}.c3d-stage{--c3d-h: 280px}}.ai-field,.my-field{padding:12px 14px;border-radius:var(--r-md);border:1.5px dashed var(--line-blue);background:#ffffff8c}.ai-field{border-color:#2e86c459}.field-cards{display:flex;gap:10px;flex-wrap:wrap;align-items:center;min-height:calc(var(--card-w, 92px) * 1.45);padding:8px 2px}.field-empty{color:var(--muted);font-size:13px;letter-spacing:1px}.deal-in{animation:dealIn .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--deal-i, 0) * .16s)}@keyframes dealIn{0%{opacity:0;transform:translateY(-26px) scale(.9)}}.flip-wrap{--card-w: var(--card-w, 92px)}.flip-wrap .flip-inner{width:var(--card-w, 92px)}.think-strip{display:flex;align-items:center;gap:8px;margin-left:4px}.deep-think{display:flex;align-items:center;gap:10px}.dt-lattice{display:grid;grid-template-columns:repeat(4,7px);gap:3px}.dt-lattice i{width:7px;height:7px;border-radius:2px;background:var(--blue);opacity:.18;transform:scale(.75);animation:dtCell 1.5s ease-in-out infinite;animation-delay:var(--dt-d)}@keyframes dtCell{0%,to{opacity:.18;transform:scale(.75)}45%{opacity:1;transform:scale(1.05)}}.dt-side{display:flex;flex-direction:column;gap:5px}.dt-label{font-size:12px;font-weight:700;color:var(--blue-deep);letter-spacing:1px}.dt-label:after{content:"";animation:dtDots 1.6s steps(1) infinite}@keyframes dtDots{0%{content:""}25%{content:" ·"}50%{content:" · ·"}75%{content:" · · ·"}}.dt-meter{position:relative;width:88px;height:4px;border-radius:999px;background:var(--blue-soft);overflow:hidden}.dt-meter:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:dtFlow 1.4s linear infinite}@keyframes dtFlow{0%{transform:translate(-110%)}to{transform:translate(290%)}}.phase-note{font-size:14px;font-weight:700;color:var(--blue-deep);letter-spacing:2px;animation:phasePulse 1.2s ease-in-out infinite}@keyframes phasePulse{50%{opacity:.55}}.round-verdict{font-size:13.5px;font-weight:700;padding:6px 12px;border-radius:999px}.round-verdict.good{background:#e7f7ee;color:#1c7c46}.round-verdict.bad{background:#fdecee;color:var(--red)}.calc-panel{padding:12px 14px}.calc-panel h3{margin:0 0 8px;font-size:13px;color:var(--blue-deep);display:flex;gap:6px;align-items:center}.bf2-face{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px;text-align:center}.bf2-face.bf2-back{justify-content:flex-start;font-size:12.5px;line-height:1.75;color:var(--ink)}.bf2-face.bf2-back h4{margin:0 0 4px;color:var(--blue-deep)}.bf-tag{font-size:11px;letter-spacing:1px;color:var(--muted)}.bf-icon{color:var(--blue)}.bf-name{font-weight:800;font-size:15px;color:var(--blue-deep)}.bf-brief{font-size:12px;color:var(--muted)}.bf-hint{margin-top:auto;font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.dlc-picked{outline:3px solid var(--blue);outline-offset:3px;border-radius:22px}.advisor-carousel{margin:4px 0 8px}.start-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#eaf7ff,#cdeafd 55%,#b3ddf5)}.start-content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;color:var(--blue-deep)}.start-logo img{width:200px;max-height:240px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(46,134,196,.28));animation:logoBob 4s ease-in-out infinite}.start-title{font-size:clamp(34px,6vw,58px);font-weight:900;letter-spacing:10px;color:var(--blue-deep);text-shadow:0 3px 0 #fff,0 12px 30px rgba(46,134,196,.25)}.start-sub{font-size:14px;letter-spacing:6px;color:var(--blue);margin-top:6px}.start-actions .btn-primary{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-deep) 100%)}.start-actions .btn-ghost{background:#ffffffd9;border-color:var(--line-blue);color:var(--blue-deep)}.start-note{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted)}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:min(1180px,96vw);padding-bottom:30px}.pet-card{border:1.5px solid var(--line-blue);border-radius:var(--r-md);background:linear-gradient(165deg,#fff,var(--blue-soft));box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;transition:transform .2s,box-shadow .2s}.pet-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pet-card img{width:92px;height:92px;object-fit:contain;image-rendering:pixelated}.pet-card span{font-size:12px;font-weight:700;color:var(--blue-deep);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pets-search{width:180px;border:1px solid var(--line-blue);background:#fff}.advisor-carousel{height:330px}.advisor-carousel .circular-carousel{height:100%}.advisor-carousel .circular-carousel__frame{background:linear-gradient(168deg,var(--blue-soft) 0%,#ffffff 70%);border:2px solid var(--line-blue);box-shadow:0 10px 24px #2e86c42e;overflow:hidden}.advisor-carousel .circular-carousel__photo{object-fit:contain;padding:6px}.advisor-carousel .circular-carousel__caption{color:var(--blue-deep);font-weight:800}.advisor-carousel .circular-carousel__subtitle{color:var(--muted);font-weight:400;margin-left:8px}.advisor-accordion{height:400px}.advisor-accordion .ag-panel{background:linear-gradient(170deg,var(--blue-soft) 0%,#ffffff 80%)}.advisor-accordion .ag-panel__media img{object-fit:contain;padding:10px}.advisor-accordion .ag-panel__overlay{background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--ag-overlay) 72%,transparent) 100%),color-mix(in srgb,var(--ag-overlay) calc(var(--ag-dim, .35) * 55%),transparent)}.advisor-accordion .ag-panel__text{font-weight:800}.game-grid{width:min(1500px,98vw);display:grid;grid-template-columns:240px minmax(0,1fr) 330px;gap:14px;align-items:stretch;margin-top:12px}.rail{display:flex;flex-direction:column;gap:14px;min-width:0}.seat-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 12px;min-height:250px;text-align:center}.hero-logo{width:128px;height:128px;object-fit:contain}.hero-name{font-weight:800;font-size:17px;color:var(--blue-deep);letter-spacing:1px}.speech-panel{padding:12px 14px;flex:1;min-height:170px}.speech-panel h3{margin:0 0 8px;font-size:13px;color:var(--blue-deep);display:flex;gap:6px;align-items:center}.speech-inline{display:flex;gap:10px;align-items:flex-start}.board-center{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:0}.hand-zone-label{font-size:12px;color:var(--muted);letter-spacing:1px}.back-row{min-height:0}.field-zone.dashed{width:100%}@media (max-width: 1120px){.game-grid{grid-template-columns:1fr}.rail-left{flex-direction:row}.rail-left .panel{flex:1}}.game-grid .panel{width:auto;max-width:none}.field-zone.dashed{border:2.5px dashed rgba(46,134,196,.6);border-radius:var(--r-md);background:#ffffffb8;padding:10px 14px 14px;min-height:128px}.dlc-section{width:min(1180px,96vw);margin-top:18px;padding:6px 0 10px}.dlc-section h2{display:flex;align-items:center;gap:8px;margin:0 0 16px 8px;font-size:17px;color:var(--blue-deep)}.dlc-grid .flip-card__face{background:linear-gradient(168deg,#ffffff 0%,var(--blue-soft) 100%);border:1.5px solid var(--line-blue)}.dlc-grid .flip-card__face--back{background:linear-gradient(168deg,var(--blue-soft) 0%,#ffffff 90%)}.dlc-grid .flip-card{--fc-radius: 18px}.dlc-picked{outline:3px solid var(--blue);outline-offset:4px;border-radius:22px}.codex-orbit{width:min(1000px,96vw);margin:6px auto 10px}.codex-orbit .orbit-item{border-radius:20px;background:linear-gradient(168deg,#ffffff 0%,var(--blue-soft) 100%);border:1.5px solid var(--line-blue);box-shadow:0 12px 26px #2e86c438;overflow:hidden;padding:6px}.codex-orbit .orbit-image{width:100%;height:100%;object-fit:contain}.codex-center{display:flex;flex-direction:column;align-items:center;gap:6px}.codex-center img{width:130px;filter:drop-shadow(0 10px 22px rgba(46,134,196,.3))}.codex-center div{font-weight:900;font-size:22px;letter-spacing:6px;color:var(--blue-deep)}.seat-hero{min-height:320px}.codex-pets{width:min(1180px,96vw);margin:6px auto 10px}.codex-pets h2{display:flex;align-items:center;gap:8px;color:var(--blue-deep);margin:0 0 12px}.speech-panel{flex:none!important;min-height:0!important}.speech-stack{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.speech-stack img{width:130px;max-height:170px;object-fit:contain}.speech-stack .sp-name{font-weight:800;font-size:14px;color:var(--blue-deep)}.speech-stack .sp-text{font-size:13px;line-height:1.8;color:var(--ink)}.duty-pill{display:inline-flex;align-items:center;gap:9px;background:#dbeefe;border:1px solid var(--line-blue);color:var(--blue);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;box-shadow:var(--shadow-sm)}.duty-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #2e86c42e}.dlc-grid{display:grid;grid-template-columns:repeat(4,max-content);gap:18px;justify-content:center}@media (max-width: 1080px){.dlc-grid{grid-template-columns:repeat(2,max-content)}.dlc-grid>*{grid-column:auto!important}}.site-title{margin:2px 0 4px;display:flex;align-items:baseline;justify-content:center;gap:4px;font-size:clamp(24px,4vw,34px);font-weight:900;letter-spacing:4px;line-height:1.3;background:linear-gradient(165deg,#4aa6dd 0%,var(--blue) 40%,var(--blue-deep) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 10px 20px rgba(46,134,196,.28))}.site-title .st-spark{font-size:12px;letter-spacing:3px;margin-left:12px;opacity:.85}.pill-on{background:var(--blue-soft);border-color:var(--blue);box-shadow:0 0 0 1.5px var(--blue) inset,var(--shadow-sm)}.hand-zone-label.with-pet{display:flex;align-items:center;gap:8px}.hand-zone-label.with-pet .pet{width:34px;height:34px}.speech-stack.clickable{cursor:pointer}.sp-hint{font-size:11px;color:var(--muted);letter-spacing:1px}.result-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:4px}.rules-dock{width:min(1500px,98vw);margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.rules-dock .rd-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);letter-spacing:1px;margin-right:2px}.rules-dock .rd-btn{padding:6px 13px;font-size:12.5px}.rule-modal-card{width:min(620px,94vw);align-items:stretch}.rule-modal-card p{margin:0 0 16px;font-size:13.5px;line-height:2;color:var(--ink)}.rule-modal-card .rules-dock{width:100%;margin:0 0 14px;justify-content:center}.dlc-modal-card{width:min(640px,94vw);align-items:stretch}.dlc-modal-note{margin:0 0 14px;font-size:12.5px;color:var(--muted);text-align:center}.dlc-modal-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.dlc-modal-item{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--line-blue);border-radius:var(--r-sm);background:linear-gradient(165deg,#fff,var(--blue-soft));padding:10px 14px;color:var(--ink);transition:transform .15s,border-color .15s}.dlc-modal-item:hover{transform:translateY(-2px);border-color:var(--blue)}.dlc-modal-item.current{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}.dlc-modal-item svg{color:var(--blue);flex:none}.dlc-modal-item .dmi-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dlc-modal-item .dmi-text b{color:var(--blue-deep)}.dlc-modal-item .dmi-text span{font-size:12px;color:var(--muted)}.dlc-modal-item .dmi-badge{margin-left:auto;flex:none;font-size:11px;font-weight:700;color:var(--blue);border:1px solid var(--blue);border-radius:999px;padding:2px 9px}.codex-overlay-card{background:var(--panel);border:1px solid var(--line-blue);border-radius:var(--r-lg);box-shadow:0 30px 80px #0a284666;width:min(1180px,96vw);max-height:88vh;overflow-y:auto;overflow-x:hidden;padding:18px 20px 26px;animation:screenIn .4s cubic-bezier(.22,1,.36,1) backwards}.codex-overlay-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.codex-overlay-head h2{margin:0;display:flex;align-items:center;gap:8px;color:var(--blue-deep);font-size:19px}.codex-overlay-card .codex-orbit,.codex-overlay-card .codex-pets,.codex-overlay-card .rule-block{width:100%}.rule-modal-card .btn-ghost,.dlc-modal-card .btn-ghost{align-self:center;min-width:150px;justify-content:center}.calc-board{width:min(1500px,98vw);margin-top:12px;padding:12px 16px 14px;border:1px solid var(--line-blue);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-sm)}.cb-head{display:flex;align-items:center;gap:10px}.cb-head h3{margin:0;font-size:13.5px;color:var(--blue-deep);display:flex;align-items:center;gap:6px}.cb-badge{font-size:11px;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:2px 10px}.cb-toggle{margin-left:auto;border:none;background:none;color:var(--muted);display:flex;padding:4px}.cb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}@media (max-width: 720px){.cb-grid{grid-template-columns:1fr}}.cb-card{border:1.5px solid var(--line-blue);border-radius:var(--r-sm);padding:10px 12px;background:#fff}.cb-card h4{margin:0 0 8px;font-size:12.5px}.cb-card.red h4{color:var(--red)}.cb-card.black h4{color:var(--ink)}.cb-cards{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:24px}.cb-formula{font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums}.cb-final{margin-top:10px;font-size:13px;font-weight:700;color:var(--blue-deep);text-align:center}.cb-empty{padding:10px 0 4px;font-size:12.5px;color:var(--muted);text-align:center;letter-spacing:1px}.mp-root{position:relative}.mp-spin{animation:mpSpin 3.2s linear infinite}@keyframes mpSpin{to{transform:rotate(360deg)}}.mp-panel{position:absolute;right:0;top:calc(100% + 10px);width:320px;z-index:60;background:linear-gradient(170deg,#10243a,#0b1c2e);border:1px solid rgba(143,212,255,.18);border-radius:20px;box-shadow:0 24px 60px #06182a8c;padding:16px 16px 12px;color:#eaf6ff;animation:mpIn .28s cubic-bezier(.22,1,.36,1) both}@keyframes mpIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}}.mp-head{display:flex;gap:12px;align-items:center}.mp-cover{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid rgba(143,212,255,.25);image-rendering:pixelated;background:#0b1c2e;flex:none}.mp-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mp-title{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist{font-size:11.5px;color:#eaf6ff8c;margin-bottom:2px}.mp-vol-row{display:flex;align-items:center;gap:7px}.mp-time{font-size:11px;color:#eaf6ffa6;font-variant-numeric:tabular-nums}.mp-icon{position:relative;background:none;border:none;color:#eaf6ffbf;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;transition:color .2s,background .2s}.mp-icon:hover{color:#fff;background:#8fd4ff1f}.mp-icon.on{color:#8fd4ff}.mp-one{position:absolute;right:2px;bottom:1px;font-size:8px;font-weight:800;color:#8fd4ff}.mp-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 4px}.mp-play{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(140deg,#58b7ec,#1c6fb4);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #2e86c473;transition:transform .18s,box-shadow .18s}.mp-play:hover{transform:scale(1.06);box-shadow:0 10px 26px #2e86c48c}.mp-play-icon{margin-left:3px}.mp-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:4px;cursor:pointer;background:linear-gradient(to right,#8fd4ff var(--pct, 0%),rgba(255,255,255,.16) var(--pct, 0%));outline:none}.mp-vol{width:74px;--pct: 35%}.mp-vol,.mp-seek{--pct: 35%}.mp-seek{margin:10px 0 2px}.mp-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0006}.mp-list{margin-top:10px;border-top:1px solid rgba(143,212,255,.14);padding-top:8px}.mp-item{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:7px 8px;border-radius:12px;text-align:left;color:#eaf6ffd1;transition:background .18s}.mp-item:hover{background:#8fd4ff1a}.mp-item.current{background:#8fd4ff24}.mp-item img{width:38px;height:38px;border-radius:9px;object-fit:cover;border:1px solid rgba(143,212,255,.2);flex:none;image-rendering:pixelated}.mp-item-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.mp-item-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-item.current .mp-item-title{color:#8fd4ff}.mp-item-artist{font-size:11px;color:#eaf6ff80}.mp-now{color:#8fd4ff;animation:mpSpin 3.2s linear infinite}.mp-local-hint{padding:8px 10px 4px;font-size:11px;color:#ffffff8c;text-align:center;letter-spacing:.5px}