.indigo-game{color:#102b3b;background-color:#efe7d5;background-image:radial-gradient(circle at 10% 20%,#d6c7a5 0 2px,#0000 3px),linear-gradient(135deg,#f5f0e5,#e6dac2);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:Arial,Noto Sans TC,sans-serif}.indigo-header{color:#38566a;justify-content:space-between;max-width:1160px;margin:auto;padding:20px 26px;font-size:14px;display:flex}.indigo-header a{color:#173e59;font-weight:700;text-decoration:none}.indigo-header small{color:#6b7f86;margin-left:8px}.indigo-main{max-width:1160px;margin:auto;padding:12px 26px 50px}.indigo-heading{justify-content:space-between;align-items:end;gap:32px;margin:8px 0 22px;display:flex}.indigo-heading p{color:#52696e;max-width:470px;margin:0;line-height:1.75}.indigo-heading>div>p{letter-spacing:3px;color:#a34835;text-transform:uppercase;font-size:13px}.indigo-heading h1{letter-spacing:6px;color:#123c5a;margin:8px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:43px}.indigo-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);align-items:start;gap:24px;display:grid}.indigo-stage{background:#f9f5eb;border:1px solid #c7b99d;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 50px #54473324}.indigo-hud{text-align:center;background:#ede4d1;border-bottom:1px solid #d9ccb2;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 13px;display:grid}.indigo-hud small{color:#6d756f;font-size:12px;display:block}.indigo-hud strong{color:#113d58;font-variant-numeric:tabular-nums;font-size:25px;line-height:1.35;display:block}.indigo-hud em{color:#6b7a7b;font-size:13px;font-style:normal;font-weight:500}.indigo-hud .urgent{color:#b24a36}.indigo-board-wrap{padding:24px 22px 12px}.indigo-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#d4c5a8;border:8px solid #7a5439;border-radius:13px;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-width:530px;margin:auto;padding:9px;display:grid;box-shadow:inset 0 0 0 2px #b78556,0 9px #5c3b29,0 15px 25px #44301d35}.indigo-cell{background:#f6efdc;border:1px solid #d8c9aa;border-radius:5px;place-items:center;min-width:0;transition:background .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.indigo-cell.wall{background:repeating-linear-gradient(90deg,#493323,#493323 8px,#5d402a 8px 11px);border-color:#3c281c;box-shadow:inset 0 0 0 1px #7a5b3c}.indigo-cell.dyed{background:#174f72;border-color:#103f5e;box-shadow:inset 0 0 14px #0a2c4b99}.indigo-cell.dyed:nth-child(3n){background:#1d5d7d}.cloth-grain{opacity:.34;background:repeating-linear-gradient(0deg,#0000 0 4px,#927f5d44 4px 5px),repeating-linear-gradient(90deg,#0000 0 5px,#927f5d33 5px 6px);position:absolute;inset:0}.dyed .cloth-grain{opacity:.28;filter:invert()}.stamp-mark{z-index:1;color:#d39b34;filter:drop-shadow(0 1px 1px #fff);width:48%;height:48%;position:relative}.collected .stamp-mark{display:none}.indigo-ball{z-index:3;color:#c9eff2;background:radial-gradient(circle at 34% 28%,#72c5ce,#145a77 45%,#0a2d49 75%);border-radius:50%;place-items:center;display:grid;position:absolute;inset:12%;box-shadow:0 6px 11px #0a294666,inset 0 0 0 3px #d4f2e955}.indigo-ball svg{stroke-width:1.7px;width:48%;height:48%}.indigo-controls{grid-template-rows:repeat(2,50px);grid-template-columns:repeat(3,58px);justify-content:center;gap:7px;padding:10px 0;display:grid}.indigo-controls .up{grid-column:2}.indigo-controls .left{grid-area:2/1}.indigo-controls .down{grid-area:2/2}.indigo-controls .right{grid-area:2/3}.indigo-game button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px}.indigo-controls button{color:#214a60;background:#e3d5ba;border:1px solid #8a7559;border-radius:10px;place-items:center;display:grid}.indigo-controls button:active:not(:disabled){background:#b8d1cf}.indigo-game button:disabled{opacity:.38;cursor:default}.indigo-game button:focus-visible{outline-offset:3px;outline:3px solid #bf6b43}.indigo-game a:focus-visible{outline-offset:3px;outline:3px solid #bf6b43}.indigo-board:focus-visible{outline-offset:3px;outline:3px solid #bf6b43}.indigo-message{text-align:center;color:#526a70;min-height:28px;margin:6px 20px 16px;font-size:14px;line-height:1.6}.indigo-overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f4eddfed;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex;position:absolute;inset:0}.indigo-overlay>span{letter-spacing:3px;color:#9b4a39;font-size:11px}.indigo-overlay h2{letter-spacing:3px;color:#143d56;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:30px}.indigo-overlay p{color:#52676b;max-width:380px;margin:0;line-height:1.8}.indigo-overlay button{color:#fff;background:#174f72;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:180px;padding:12px 22px;font-weight:700;display:flex}.indigo-overlay .secondary{color:#173d55;background:#dfd0b4}.indigo-overlay small{color:#697a79;line-height:1.7}.indigo-panel{background:#faf6ed;border:1px solid #c7b99e;border-radius:22px;padding:24px;box-shadow:0 18px 40px #5447331c}.indigo-title span{letter-spacing:3px;color:#a84d39;font-size:11px}.indigo-title h2{color:#153f58;margin:7px 0 20px;font-family:Georgia,Noto Serif TC,serif;font-size:27px}.indigo-meters{grid-template-columns:1.25fr .75fr .8fr;gap:8px;display:grid}.indigo-meters div{background:#ede4d2;border-radius:10px;padding:11px 9px}.indigo-meters span{color:#6d776f;font-size:11px;display:block}.indigo-meters b{color:#174f72;white-space:nowrap;margin-top:5px;font-size:17px;display:block}.deep-button{color:#123f5b;text-align:left;background:#e3ece8;border:1px solid #174f72;border-radius:12px;align-items:center;gap:12px;width:100%;margin:17px 0 10px;padding:13px 14px;display:flex}.deep-button>svg{flex:none}.deep-button span,.deep-button b,.deep-button small{display:block}.deep-button small{color:#58706f;margin-top:3px;font-size:11px;line-height:1.4}.deep-button.active{color:#fff;background:#174f72;box-shadow:0 0 0 4px #174f7222}.deep-button.active small{color:#c5dfe1}.indigo-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.indigo-actions button{color:#284d5d;background:#eee5d4;border:1px solid #b6a686;border-radius:9px;justify-content:center;align-items:center;gap:7px;display:flex}.indigo-actions svg{width:17px}.indigo-progress{gap:9px;margin:20px 0;display:flex}.indigo-progress span{color:#857966;border:1px solid #b8ab92;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.indigo-progress .current{color:#fff;background:#174f72;border-color:#174f72}.indigo-progress .done{color:#fff;background:#47745f;border-color:#47745f}.indigo-panel details{border-top:1px solid #d7cab2;padding-top:17px}.indigo-panel summary{color:#173f56;cursor:pointer;font-weight:800}.indigo-panel details p,.indigo-footnote{color:#60706d;font-size:13px;line-height:1.8}.indigo-footnote{border-top:1px dashed #cbbd9f;padding-top:13px}.indigo-batch{position:absolute;left:-10000px}.indigo-game.game-focus .indigo-heading,.indigo-game.game-focus .indigo-panel{display:none}.indigo-game.game-focus .indigo-layout{max-width:680px;margin:auto;display:block}@media (max-width:820px){.indigo-layout{grid-template-columns:1fr}.indigo-panel,.indigo-stage{width:100%;max-width:650px;margin:auto}.indigo-heading{align-items:start}.indigo-heading>p{max-width:300px}}@media (max-width:520px){.indigo-header{padding:14px 16px}.indigo-main{padding:4px 10px 28px}.indigo-heading{margin-bottom:14px;display:block}.indigo-heading h1{font-size:34px}.indigo-heading>p{margin-top:8px;font-size:14px}.indigo-board-wrap{padding:14px 8px 6px}.indigo-board{border-width:6px;gap:3px;padding:5px}.indigo-hud{gap:2px;padding:12px 4px}.indigo-hud strong{font-size:20px}.indigo-controls{grid-template-rows:repeat(2,54px);grid-template-columns:repeat(3,62px)}.indigo-panel{padding:19px}.indigo-overlay{padding:20px}.indigo-overlay h2{font-size:25px}.indigo-meters{gap:5px}.indigo-meters div{padding:9px 6px}.indigo-meters b{font-size:15px}}@media (max-width:360px){.indigo-heading h1{font-size:30px}.indigo-header>span{font-size:11px}.indigo-board{border-width:4px}.indigo-hud small{font-size:10px}.indigo-hud strong{font-size:18px}.indigo-panel{padding:15px}}@media (prefers-reduced-motion:reduce){.indigo-cell{transition:none}}
