:root{color:#13231d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ebf2a873,#0000 34%),radial-gradient(circle at 100% 100%,#75cda147,#0000 28%),linear-gradient(#f7f7f0 0%,#ecf2ea 100%);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.shell{min-height:100vh;padding:24px}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #12312924;border-radius:24px;box-shadow:0 20px 50px #1f332a14,inset 0 1px #ffffffb3}.home-layout{gap:24px;max-width:1100px;margin:0 auto;display:grid}.hero{gap:16px;padding:40px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#42685a;font-size:.78rem}.hero h1{max-width:9ch;margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95}.hero p{color:#365145;max-width:65ch;margin:0;font-size:1.02rem}.hero-grid{gap:24px;display:grid}.card{padding:28px}.form-grid{gap:18px;display:grid}.field{gap:8px;display:grid}.field label{color:#29463b;font-size:.92rem;font-weight:600}.field input,.field select,.ascii-preview{color:#13231d;background:#fffffff0;border:1px solid #1c372d29;border-radius:16px;width:100%;padding:14px 16px}.puzzle-picker{gap:10px;max-height:360px;padding-right:4px;display:grid;overflow:auto}.puzzle-option{background:#ffffffe0;border:1px solid #1c372d1f;border-radius:18px;grid-template-columns:auto 44px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;transition:border-color .14s,background .14s,transform .14s;display:grid}.puzzle-option:hover{border-color:#1c372d38;transform:translateY(-1px)}.puzzle-option.selected{background:#dcefe5b8;border-color:#154f3a6b}.puzzle-option input{margin:0}.puzzle-option-seq{color:#42685a;font-size:.88rem;font-weight:700}.puzzle-option-text{gap:2px;display:grid}.puzzle-option-text span{color:#46695d;font-size:.88rem}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:999px;padding:14px 22px;font-weight:700;transition:transform .14s,box-shadow .14s,opacity .14s}.primary-button{color:#fcfff8;background:linear-gradient(135deg,#154f3a,#2f7f63);box-shadow:0 12px 28px #1c4d3b40}.secondary-button{color:#12362c;background:#dcefe5}.ghost-button{color:#285144;background:0 0;border:1px solid #2851442e}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.button-row{flex-wrap:wrap;gap:12px;display:flex}.hint-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.hint-box{background:#12362c0d;border-radius:18px;padding:18px}.hint-box strong{margin-bottom:6px;display:block}.admin-button-wrap{z-index:1000;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:18px;right:18px}.admin-button{color:#2a4a3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffffd9;border:1px solid #1231292e;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:500}.admin-button:hover{border-color:#12312966}.admin-button-on{color:#145a37;background:#22915c2e;border-color:#22915c73}.admin-panel{background:#fffffff5;border:1px solid #1231292e;border-radius:14px;gap:10px;width:280px;padding:14px;display:grid;box-shadow:0 18px 40px #1f332a29}.admin-form{gap:8px;display:grid}.admin-form label{color:#46695d;font-size:.78em;font-weight:500}.admin-form input{border:1px solid #1231292e;border-radius:8px;padding:8px 10px;font-size:.9rem}.admin-panel-text{color:#46695d;font-size:.88em}.admin-panel-error{color:#7f1e1e;font-size:.85em}.leaderboard-panel{gap:14px;margin-top:18px;padding:20px 24px;display:grid}.leaderboard-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.leaderboard-summary{color:#46695d;margin-top:2px;font-size:.92rem}.leaderboard-toggle{color:#46695d;align-items:center;gap:6px;font-size:.82em;display:inline-flex}.leaderboard-empty{color:#5a7568;font-size:.92em;font-style:italic}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-size:.92rem}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid #12312914;padding:8px 10px}.leaderboard-table th{letter-spacing:.08em;text-transform:uppercase;color:#46695d;font-size:.74em;font-weight:600}.leaderboard-table .row-solved td{background:#22915c0d}.leaderboard-table .row-unsolved td{color:#6b7a73}.leaderboard-rank{font-variant-numeric:tabular-nums;width:36px}.leaderboard-time{font-variant-numeric:tabular-nums}.leaderboard-status{text-transform:uppercase;letter-spacing:.06em;color:#46695d;font-size:.82em}.submit-banner{text-align:center;border:1px solid #0000;border-radius:14px;margin-top:14px;padding:14px 18px;font-size:1.02rem;font-weight:500;animation:.22s ease-out submit-banner-pop}.submit-banner-wrong{color:#8a5a14;background:#cc8e291f;border-color:#cc8e2952}.submit-banner-error{color:#7f1e1e;background:#aa2c2c1a;border-color:#aa2c2c52}@keyframes submit-banner-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.field-hint{color:#5a7568;margin-top:6px;font-size:.82em;line-height:1.4;display:block}.field-hint code{background:#12362c14;border-radius:6px;padding:1px 6px;font-size:.95em}.rules-box strong{letter-spacing:.08em;text-transform:uppercase;color:#46695d;margin-bottom:6px;font-size:.78em;display:block}.rules-box p{margin:0;line-height:1.5}.tutorial-link{color:#2a6151;border-bottom:1px solid #2a61514d;margin-top:8px;font-size:.85em;text-decoration:none;display:inline-block}.tutorial-link:hover{color:#18402f;border-bottom-color:#18402fa6}.play-layout{gap:18px;max-width:1400px;margin:0 auto;display:grid}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.topbar h1{margin:0;font-size:1.4rem}.meta-line{color:#46695d;flex-wrap:wrap;gap:10px;font-size:.92rem;display:flex}.meta-pill{background:#13231d0f;border-radius:999px;padding:8px 12px}.play-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px;display:grid}.puzzle-panel{padding:24px;overflow:auto}.sidebar{align-content:start;gap:18px;padding:20px;display:grid}.image-frame{background:#f4f7f1;border:1px solid #12231d14;border-radius:18px;overflow:hidden}.image-frame img{width:100%;height:auto;display:block}.timer{letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.2rem);font-weight:800}.status-box{color:#23463a;background:#12362c0f;border-radius:18px;padding:14px 16px}.status-box.error{color:#7f1e1e;background:#aa2c2c1a}.ascii-preview{white-space:pre;min-height:180px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;overflow:auto}.compact-preview{min-height:0}.editor-stack{gap:16px;display:grid}.puzzle-note{color:#2b5446;background:#12362c0f;border-radius:16px;padding:12px 14px;font-size:.95rem}.board-grid{background:#11231d0f;border-radius:18px;gap:2px;padding:14px;display:inline-grid}.board-cell,.board-square,.board-char{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.board-cell{color:#143228;background:#ffffffeb;border:none;border-radius:12px;width:38px;height:38px;font-weight:700}.board-cell.water{color:#4c7567;background:#ffffff94}.board-cell.fixed{background:linear-gradient(#fff3ce,#f2df9b)}.board-cell.island-cell{border-radius:50%;box-shadow:inset 0 -2px #14281f1f}.board-cell.bridge-cell{font-size:1.1rem}.board-cell.mirror{background:linear-gradient(#dbe9ff,#b8d1ff)}.board-cell.endpoint-cell{box-shadow:inset 0 -2px #14281f1f,0 0 0 3px #fff6}.board-square{background:#ffffffeb;border:1px solid #14322814;border-radius:14px;width:44px;height:44px;font-weight:700}.board-square.fill{color:#f7fff6;background:#17352b}.board-square.empty{color:#406257;background:#eef2ea}.board-square.unknown{color:#a9b7b0;background:#ffffffeb}.char-board{background:#11231d14;border-radius:18px;gap:1px;padding:14px;font-family:SFMono-Regular,Menlo,Consolas,monospace;display:inline-grid}.board-char{color:#17362c;background:0 0;border:none;border-radius:6px;width:24px;height:24px}.board-char.clickable{background:#ffffffd9}.pattern-layout{grid-template-columns:92px max-content;align-items:end;gap:12px;width:max-content;display:grid}.pattern-top-spacer{min-height:1px}.pattern-top-clues{justify-content:start;align-items:end;gap:2px;display:grid}.pattern-row-pair{display:contents}.pattern-column-stack{align-content:end;justify-items:center;gap:4px;display:grid}.pattern-board{width:max-content;padding:10px}.pattern-clue{color:#406257}.pattern-row-clue{flex-wrap:wrap;justify-content:flex-end;gap:6px;padding-right:4px;display:flex}.pattern-clue-pill{color:#214338;background:#12362c14;border-radius:999px;justify-content:center;align-items:center;min-width:28px;min-height:22px;padding:0 8px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;font-weight:700;display:inline-flex}.palette{flex-wrap:wrap;gap:8px;display:flex}.palette button{color:#112219;border:2px solid #0000;border-radius:999px;width:38px;height:38px;font-weight:800}.palette button.active{border-color:#13231d;transform:scale(1.05)}.erase-swatch{background:#eef2ea;width:auto;padding:0 16px}.svg-board-shell{background:#11231d0d;border-radius:20px;padding:10px;overflow:auto}.svg-board{width:min(100%,760px);height:auto;display:block}.svg-cell-bg,.galaxy-cell-bg{fill:#ffffffd6}.galaxy-cell-bg{stroke:#23463a14;stroke-width:1.5px}.svg-clue-text{fill:#18392e;font-size:22px;font-weight:700}.svg-vertex{fill:#1f4d3c}.svg-hit-target{cursor:pointer}.svg-hit-line{stroke:#0000;stroke-width:22px;stroke-linecap:round}.svg-line,.svg-wall{stroke-linecap:round;transition:stroke .12s,opacity .12s,stroke-width .12s}.svg-line.active{stroke:#1f6a4f;stroke-width:7px}.svg-line.ghost{stroke:#27534429;stroke-width:4px}.svg-wall.fixed{stroke:#28493d;stroke-width:5px}.svg-wall.active{stroke:#215b46;stroke-width:6px}.svg-wall.ghost{stroke:#27534429;stroke-width:4px}.svg-xmark{fill:#7c8e87;font-size:21px;font-weight:700}.galaxy-dot{fill:#17352b;stroke:#f7f7f0;stroke-width:3px}.undead-legend{color:#224639;background:#12362c14;border-radius:999px;width:fit-content;padding:10px 14px;font-weight:600;display:inline-flex}.undead-grid-wrap{gap:10px;display:grid}.undead-clue-row{grid-template-columns:40px repeat(4,38px) 40px;align-items:center;gap:8px;display:grid}.undead-clue-box,.undead-clue-spacer{color:#46695d;justify-content:center;align-items:center;min-height:32px;font-family:SFMono-Regular,Menlo,Consolas,monospace;display:flex}.undead-clue-box.side{font-weight:700}.undead-cell.monster-cell{background:#fffffff5}.done-layout{gap:18px;max-width:820px;margin:0 auto;padding-top:64px;display:grid}.done-card{gap:16px;padding:36px;display:grid}.comparison-card{gap:16px;padding:28px;display:grid}.comparison-headline{color:#18402f;margin:0;font-size:1.15rem;font-weight:600;line-height:1.4}.comparison-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.comparison-column{gap:10px;display:grid}.comparison-column-title{letter-spacing:.08em;text-transform:uppercase;font-size:.78em;font-weight:600}.comparison-solved{color:#1d6b46}.comparison-failed{color:#7a3a3a}.comparison-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.comparison-pill{border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:.88em;display:inline-block}.comparison-pill-solved{color:#145a37;background:#22915c1f;border-color:#22915c47}.comparison-pill-failed{color:#7a3030;background:#aa46461a;border-color:#aa464640}.comparison-empty{color:#5a7568;font-size:.9em;font-style:italic}.comparison-footnote{color:#5a7568;margin:0;font-size:.82em}.comparison-footnote code{background:#12362c14;border-radius:6px;padding:1px 6px}@media (width<=640px){.comparison-grid{grid-template-columns:1fr}}@media (width<=980px){.play-grid{grid-template-columns:1fr}}@media (width<=640px){.shell{padding:14px}.hero,.card,.puzzle-panel,.sidebar,.done-card{padding:18px}.board-cell{width:32px;height:32px}.board-square{width:38px;height:38px}.undead-clue-row{grid-template-columns:32px repeat(4,32px) 32px;gap:6px}.board-char{width:20px;height:20px;font-size:.75rem}}