@charset "UTF-8";
:root{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;color:#f8ecd4;background:#071b28;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #9bfff0;outline-offset:4px}button:disabled{cursor:default}button:active{transform:translateY(2px)}[hidden]{display:none!important}#surround{position:fixed;inset:0;background:radial-gradient(ellipse at 18% 56%,#1a495a77,transparent 40%),radial-gradient(ellipse at 85% 4%,#84653922,transparent 45%),repeating-linear-gradient(100deg,transparent 0 80px,#83b7bd03 80px 81px);pointer-events:none}#surround:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 150px #020d17}.shore-mark{position:absolute;top:44px;left:4.5vw;color:#93b4bb;font-size:10px;letter-spacing:3px}.side-copy{position:absolute;left:5.5vw;top:40%;display:flex;flex-direction:column;gap:12px;font-family:serif;font-size:clamp(20px,2.5vw,36px);font-weight:700;letter-spacing:4px;color:#d4e2d6}.side-copy small{font-family:sans-serif;font-size:10px;font-weight:400;letter-spacing:3px;margin-top:24px;color:#7ba1a8}.keyboard-note{position:absolute;right:5vw;bottom:50px;font-size:11px;line-height:2.2;color:#7398a2;letter-spacing:1px}#frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-shadow:0 30px 100px #0009,0 0 0 1px #b5d3ce22;border-radius:18px;background:#092233}#game-root{position:relative;width:390px;height:844px;transform-origin:top left;overflow:hidden}#world,#screen,#hud,#overlay{position:absolute;inset:0}#world{width:390px;height:844px}#screen{background:#0a2635}#hud{pointer-events:none}#hud button,#hand{pointer-events:auto}.hero{position:absolute;inset:0;background-image:linear-gradient(#071c3377 0%,transparent 28%,transparent 57%,#041b2be6 83%,#071d2d 100%),url('../assets/hero.png');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#041a2c44,transparent 20%,transparent 80%,#041a2c33)}.title-block{position:absolute;top:54px;left:0;right:0;text-align:center;z-index:1}.eyebrow{font-size:9px;letter-spacing:4px;color:#acd0cd;text-transform:uppercase}.game-title{font-size:57px;font-weight:900;letter-spacing:4px;line-height:1.1;margin:13px 0 12px;color:#ffe5a8;text-shadow:0 4px 0 #634225,-3px 0 #172c39,3px 0 #172c39,0 -3px #172c39,0 7px 15px #0008;transform:rotate(-3deg)}.title-sub{font-size:11px;letter-spacing:5px;color:#f7ead1}.home-actions{position:absolute;z-index:2;left:30px;right:30px;bottom:44px;text-align:center}.tagline{font-size:12px;color:#c8e2dc;letter-spacing:2px;margin:0 0 19px}.primary,.secondary,.plain{border:0;border-radius:12px;min-height:48px;padding:12px 20px;font-weight:700;letter-spacing:1px}.primary{background:linear-gradient(180deg,#f6d188,#dca65b);color:#2d2e2a;box-shadow:0 4px 0 #80562f,inset 0 1px 0 #ffe8b5;position:relative}.primary:after{content:"";position:absolute;inset:5px;border:1px solid #86643c44;border-radius:8px;pointer-events:none}.primary:hover{filter:brightness(1.07)}.home-actions>.primary{width:262px;height:60px;font-size:20px}.button-arrow{float:right;margin-left:18px}.sub-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.secondary{background:#103647dd;border:1px solid #65989466;box-shadow:0 3px 0 #051b28;color:#dce6d9;font-size:13px}.secondary:hover{background:#1b4d5b}.sub-actions button{width:125px}.secondary:disabled{opacity:.45}.home-progress{font-size:10px;color:#9dbcb9;letter-spacing:2px;margin-top:25px}.home-progress b{color:#efc778;font-size:15px;margin:0 6px}.version{position:absolute;right:14px;bottom:12px;font-size:8px;letter-spacing:1px;color:#789699}.loading{height:100%;display:grid;place-content:center;text-align:center;gap:20px;background:radial-gradient(ellipse at 50% 60%,#164856,#071d2d 70%)}.loading .beacon{font-size:68px;color:#efc57c;animation:beacon 1s ease-in-out infinite}.loading p{font-size:13px;letter-spacing:4px}.loading small{color:#98bbb8;font-size:10px}.load-rail{height:3px;width:150px;background:#204851;border-radius:4px;margin:auto;overflow:hidden}.load-rail i{display:block;background:#eec881;height:100%;animation:load 1.5s ease-out forwards}.hud-top{height:60px;margin:22px 18px 0;display:flex;align-items:center;justify-content:space-between}.tower-ident span{display:block;color:#b7c9b7;font-size:9px;letter-spacing:2px}.tower-ident strong{display:block;font-size:22px;letter-spacing:2px;margin-top:5px}.icon-button{width:38px;height:38px;border:1px solid #738f8a88;border-radius:11px;background:#163541;color:#eadcbf;font-size:18px;display:grid;place-content:center}.hud-line{margin:8px 19px 0;display:flex;align-items:center;gap:19px;font-size:10px;color:#bdd0c8}.hud-line b{font-size:12px;color:#f3d28d}.tide{margin-left:auto;font-size:9px;display:flex;align-items:center;gap:4px}#tide-ring{display:inline-block;width:14px;height:14px;border-radius:100%;background:conic-gradient(#83e5de var(--angle,0deg),#294d5a 0);position:relative}#tide-ring:after{content:"";position:absolute;inset:3px;background:#143345;border-radius:50%}#progress-rail{position:absolute;top:122px;right:5px;width:3px;height:558px;background:#33566177;border-radius:5px;display:flex;align-items:end}#climb-progress{width:3px;background:#f2cf81;max-height:100%;transition:height .2s}#progress-rail span{position:absolute;top:-14px;left:-4px;color:#e9c97d;font-size:10px}#hint{position:absolute;left:38px;right:38px;top:128px;min-height:0;pointer-events:none;text-align:center;font-size:12px;font-weight:700;color:#173c44;background:#e2e9cd;border-radius:8px;padding:9px 13px;box-shadow:0 3px 0 #0003;transition:opacity .2s;z-index:3}#hint:empty{opacity:0}.controls{position:absolute;left:0;right:0;bottom:0;height:140px;padding:11px 13px 0;background:linear-gradient(#142d38,#0a2635 48%);border-top:2px solid #9b80544d;box-shadow:0 -6px 20px #061c2b77}.hand-label{font-size:10px;color:#a4bdb3;letter-spacing:1px;display:flex;justify-content:space-between;padding:0 2px 9px}.hand-label span{font-size:9px;color:#7b9b9c;letter-spacing:0}.control-row{height:79px;display:flex;gap:6px;align-items:center}.pile{width:28px;position:relative;flex-shrink:0;text-align:center;color:#6b9ca1;align-self:center}.pile>span{font-size:29px;line-height:20px;display:block;text-shadow:2px 3px #315565}.pile b{position:absolute;right:-1px;top:-5px;border-radius:20px;background:#c6cbb3;color:#173c44;font-size:8px;min-width:13px;padding:2px}.pile small{font-size:7px;display:block;margin-top:7px}.discard{width:26px;opacity:.75}#hand{display:flex;gap:5px;width:200px;height:79px}.card{padding:0;width:63px;height:79px;border-radius:9px;background:linear-gradient(150deg,#e8d9b6,#a89d7b);border:2px solid #8e8c6a;color:#203943;box-shadow:0 3px 0 #071d2b;display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative;touch-action:none;user-select:none}.card .card-art{position:absolute;top:5px;left:3px;width:53px;height:46px;object-fit:contain;pointer-events:none}.card strong{font-size:10px;line-height:21px;pointer-events:none}.card:before{content:"";position:absolute;inset:3px;border:1px solid #ffffe344;border-radius:5px;pointer-events:none}.card:hover{border-color:#f6d390;transform:translateY(-3px)}.card.dragging{opacity:.28}.card.empty{background:#0b2632;border:1px dashed #44606a;box-shadow:none;cursor:default}.card.empty:after{content:"·";font-size:30px;color:#42616a;position:absolute;top:15px}.card.empty:before{display:none}.card-symbol{font-size:28px;position:absolute;top:13px;pointer-events:none;color:#7f5533}.card.type-J{background:linear-gradient(150deg,#eddbc7,#b2977f);border-color:#a78068}.card.type-B{background:linear-gradient(150deg,#dfcf91,#a99451);border-color:#8b7848}#jump{width:70px;height:78px;margin-left:1px;flex-shrink:0;border:2px solid #d2b176;border-bottom:5px solid #926437;border-radius:17px;background:linear-gradient(#f2d08e,#d9a656);color:#314244;padding:0;position:relative;box-shadow:0 3px 0 #061d2b;touch-action:none;user-select:none}#jump strong{font-size:24px;line-height:32px;display:block}#jump .jump-arrow{font-size:23px;line-height:20px;display:block}#jump.held{filter:brightness(1.16);transform:translateY(2px);border-bottom-width:3px}.jump-meter{display:flex;gap:3px;justify-content:center;margin-top:3px}.jump-meter i{width:10px;height:4px;border-radius:3px;background:#826942}.jump-meter i.lit{background:#faffd0;box-shadow:0 0 6px #ffffa8}.control-caption{font-size:8px;margin-top:9px;color:#779a9c;display:flex;justify-content:space-between}.control-caption span{font-size:7px;color:#60858c}#overlay{z-index:10;background:#031724bd;backdrop-filter:blur(5px);display:grid;place-items:center;padding:25px}.panel{width:100%;background:linear-gradient(155deg,#244452,#102c3c);border:1px solid #a0b3a155;border-radius:22px;padding:26px 23px 24px;box-shadow:0 18px 50px #0007;position:relative;animation:panel-in .28s ease-out}.panel .eyebrow{font-size:8px;text-align:center;color:#afc1af}.panel h2{font-size:26px;margin:9px 0 12px;text-align:center;letter-spacing:3px;color:#f2ddb4}.panel .intro{font-size:11px;color:#aec9c3;text-align:center;line-height:1.8;margin:0 0 23px}.panel .primary,.panel>.secondary{width:100%;margin-top:11px}.panel .secondary{font-size:12px}.panel .plain{background:transparent;color:#a9c6c2;border:0;font-size:11px;min-height:32px;padding:8px;margin-top:6px;width:100%}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid #9eb7ae1a;font-size:13px}.switch{width:43px;height:25px;border:1px solid #78968a77;background:#14303c;border-radius:20px;position:relative;padding:0}.switch:after{content:"";position:absolute;width:17px;height:17px;top:3px;left:3px;border-radius:50%;background:#9aac9e;transition:left .15s}.switch[aria-checked=true]{background:#5da9a1}.switch[aria-checked=true]:after{left:21px;background:#f4e9c4}.panel-separator{height:1px;background:#8bafaa33;margin:17px 0 6px}.result-panel{padding-top:15px}.result-portrait{width:135px;height:140px;display:block;object-fit:contain;margin:-57px auto -5px;filter:drop-shadow(0 8px 8px #071e2d)}.result-panel h2{font-size:29px}.result-time{display:flex;justify-content:center;gap:25px;margin:21px 0 16px}.result-time>div{text-align:center}.result-time strong{font-size:31px;font-family:Georgia,serif;letter-spacing:1px;color:#f7d58d}.result-time span{display:block;font-size:9px;color:#99b6af;margin-top:4px}.result-fact{font-size:11px;line-height:1.9;color:#c9d9ca;margin:13px 0 17px}.result-fact strong{color:#f2d79e}.failure-progress{height:92px;position:relative;width:7px;background:#45616b;border-radius:10px;margin:15px auto;display:flex;align-items:end}.failure-progress .reached{background:#e3bf7c;width:7px;border-radius:10px;position:relative}.failure-progress .reached:after{content:"◆";position:absolute;top:-6px;left:-3px;font-size:13px;color:#f9de95}.failure-progress .waterline{position:absolute;left:-14px;right:-14px;height:3px;background:#72d1d4}.result-buttons{display:flex;gap:8px}.result-buttons button{flex:1;padding:12px 6px}.result-buttons button:first-child{flex:1.3}.crate-options{display:flex;gap:13px;justify-content:center;padding:10px 0 14px}.crate-options .card{width:105px;height:139px;border-radius:13px}.crate-options .card-art{width:90px;height:85px;top:7px}.crate-options .card strong{font-size:16px;line-height:38px}.crate-options .card-symbol{font-size:54px;top:22px}.crate-desc{text-align:center;font-size:9px;line-height:1.9;color:#c4d4c4}.map-screen{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 25%,#315662 0,transparent 50%),linear-gradient(135deg,#173d4a,#0b293a);padding-top:26px;overflow:hidden}.map-head{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin:0 22px 13px}.map-head h1{font-size:23px;margin:0;letter-spacing:2px}.map-head small{display:block;font-size:9px;letter-spacing:2px;color:#9ebbb5;margin-top:5px}.map-status{font-size:10px;color:#b9ccc1;margin:0 25px 14px;letter-spacing:1px}.map-scroll{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;height:735px;padding:10px 22px 50px;scrollbar-width:thin;scrollbar-color:#6b9f9c #173d4a}.tower-choice{width:100%;height:137px;margin-bottom:10px;display:flex;align-items:center;text-align:left;background:#092b3b99;border:1px solid #6b96922e;border-radius:17px;position:relative;overflow:hidden;padding:8px 12px;color:#dce7d8;flex-shrink:0}.tower-choice.current{border-color:#ebc482;box-shadow:inset 0 0 25px #e8b4610a}.tower-choice.locked{filter:saturate(.25);opacity:.6}.tower-choice .tower-art{width:106px;height:116px;object-fit:contain;margin-right:13px;filter:drop-shadow(0 6px 6px #031c28)}.tower-choice .tower-info{display:block;flex:1}.tower-choice .tower-no{font-size:9px;letter-spacing:2px;color:#9bb6ad}.tower-choice strong{display:block;font-size:20px;letter-spacing:1px;margin:8px 0}.tower-choice .tower-best{font-size:10px;color:#d3bc86}.tower-choice .tower-mechanic{font-size:9px;color:#87aaa8;display:block;margin-top:9px}.tower-choice .tower-lock{font-size:17px;color:#7ca3a7;margin-right:7px}.tower-choice:after{content:"";position:absolute;right:-10px;top:-20px;width:80px;height:170px;background:linear-gradient(120deg,transparent,#afd4c708);transform:rotate(20deg)}.tower-placeholder{width:100px;flex-shrink:0;font-size:58px;text-align:center;color:#e7cf95}.map-footer{position:absolute;bottom:0;left:0;right:0;padding:18px;text-align:center;font-size:9px;color:#83aaa8;background:linear-gradient(transparent,#0b293a 45%);pointer-events:none}.intro-strip{position:absolute;z-index:5;top:345px;left:35px;right:35px;background:#102f3eea;border:1px solid #bca87666;box-shadow:0 10px 30px #0004;border-radius:14px;padding:22px;text-align:center;pointer-events:none;animation:intro-strip 1.4s forwards}.intro-strip small{font-size:9px;letter-spacing:4px;color:#b8c6ac}.intro-strip h2{font-size:26px;margin:10px 0;color:#f7db9e;letter-spacing:2px}.intro-strip p{font-size:10px;color:#a7c6c1;margin-bottom:0}#drag-ghost{z-index:25;position:absolute;width:63px;height:79px;pointer-events:none;opacity:.85;filter:drop-shadow(0 5px 7px #0007)}#drag-ghost .card{transform:rotate(-7deg);border-color:#a9ffee}#toast{position:absolute;z-index:40;bottom:163px;left:30px;right:30px;padding:12px 16px;border-radius:10px;border:1px solid #b8d5c744;background:#09283bef;color:#eff0d9;text-align:center;font-size:11px;line-height:1.7;box-shadow:0 5px 20px #0004;pointer-events:none;animation:panel-in .15s}#orientation{position:absolute;inset:0;z-index:60;display:none;place-content:center;text-align:center;background:#092638f5;gap:20px}#orientation span{font-size:70px;color:#eac781}#orientation strong{font-size:22px;letter-spacing:3px}#orientation p{font-size:12px;color:#aacac5}.rotate-pause #orientation{display:grid}.tip-key{background:#0b283a;border:1px solid #517078;border-radius:3px;padding:2px 4px;color:#c4d4c4}.help-lines{font-size:12px;line-height:2.2;color:#b6d0c6}.help-lines b{color:#f0d093}.loading-error{padding:25px;text-align:center}.loading-error p{line-height:2;font-size:13px}.portrait-label{font-size:9px;color:#9abaac;text-align:center}.no-motion *{animation:none!important;transition:none!important}@keyframes beacon{50%{opacity:.4;filter:drop-shadow(0 0 30px #f6ca80)}}@keyframes load{from{width:0}to{width:100%}}@keyframes panel-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-strip{0%,70%{opacity:1}100%{opacity:0}}@media(max-width:850px){.side-copy,.keyboard-note{display:none}}@media(max-width:500px){#frame{border-radius:0;box-shadow:none}#surround{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}