:root{--bg-1: #0b4f5e;--bg-2: #1f8876;--bg-3: #ffd15c;--ink: #0b2230;--glass-fill: linear-gradient(130deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .14));--glass-border: rgba(255, 255, 255, .44);--glass-shadow: 0 24px 46px rgba(7, 32, 44, .3);--ease-out: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Nunito,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 20%,var(--bg-3) 0%,rgba(244,183,64,.1) 30%),radial-gradient(circle at 85% 20%,#7ed957,#7ed9571a 26%),linear-gradient(140deg,var(--bg-1),var(--bg-2))}body.high-contrast{--ink: #081218;--glass-fill: linear-gradient(130deg, rgba(255, 255, 255, .95), rgba(250, 250, 250, .93));--glass-border: rgba(20, 20, 20, .3);background:linear-gradient(145deg,#dcf6ff,#f7ffdc)}.screen{width:min(1600px,96vw);margin:0 auto;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem 0}.glass{background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}.hero{width:min(620px,100%);border-radius:28px;padding:2.4rem 1.3rem;display:grid;justify-items:center;gap:1.3rem;text-align:center;transform:translateY(8px);opacity:0;animation:rise .64s var(--ease-out) forwards}.hidden{display:none!important}.phase-card{width:min(700px,100%);border-radius:28px;padding:2rem 1.4rem;display:grid;justify-items:center;gap:1rem;text-align:center;animation:rise .52s var(--ease-out) forwards}.phase-badge{margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.2rem .8rem;border-radius:999px;font-size:.86rem;font-weight:800;background:#fffc;border:1px solid rgba(255,255,255,.92)}.phase-title{margin:0;font-size:clamp(1.45rem,3.4vw,2rem);line-height:1.1}.phase-question{margin:0;font-size:clamp(1rem,2.2vw,1.24rem);line-height:1.56;font-weight:700;color:#0b2230ed}.phase-brief{text-align:left;font-weight:700}.phase-orientation{gap:1.05rem}.phase-orientation-text{max-width:58ch}.image-placeholder{width:min(100%,620px);min-height:320px;border-radius:24px;border:2px dashed rgba(8,52,69,.22);background:linear-gradient(135deg,#ffffffb8,#ffffff5c),radial-gradient(circle at top,rgba(255,227,138,.24),transparent 58%);display:grid;place-items:center;padding:1rem}.image-placeholder span{max-width:14ch;font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:800;line-height:1.2;color:#0834458c;text-align:center}.mission-goals{width:min(520px,100%);text-align:left;background:#ffffffc7;border:1px solid rgba(255,255,255,.95);border-radius:18px;padding:.9rem 1rem}.goals-title{margin:0;font-weight:800;font-size:1rem}.mission-goals ul{margin:.55rem 0 0;padding-left:1.2rem;display:grid;gap:.4rem;font-weight:700}h1,h2,h3{margin:0;font-family:"Baloo 2",Trebuchet MS,sans-serif;letter-spacing:.02em}h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1}.title-main,.title-sub{display:block}.title-main{font-size:clamp(2.5rem,7vw,4.8rem);letter-spacing:.03em}.title-sub{margin-top:.38rem;font-size:clamp(1rem,2.5vw,1.4rem);color:#0b2230e0}.project-name{margin:0;font-size:clamp(1.1rem,2.7vw,1.45rem);font-weight:800;color:#0b2230d6}.btn{border:0;border-radius:14px;padding:.78rem 1.1rem;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .15s var(--ease-out),box-shadow .17s var(--ease-out)}.btn:active{transform:scale(.97)}.btn-primary{color:#083445;background:linear-gradient(140deg,#ffd36b,#ffe9ab);box-shadow:0 10px 20px #fdce5859}.control-dock{position:fixed;right:1rem;bottom:1rem;z-index:30;display:flex;align-items:center;gap:.35rem;padding:.35rem;border-radius:999px}.dock-btn{border:1px solid rgba(255,255,255,.82);background:#ffffffbd;color:#072c38;border-radius:999px;min-height:34px;padding:.28rem .72rem;font-size:.82rem;font-weight:800;line-height:1;cursor:pointer;transition:transform .14s var(--ease-out),background-color .14s var(--ease-out),border-color .14s var(--ease-out)}.dock-btn[aria-pressed=true]{background:#fff1c0ed;border-color:#ffd36bf2}.dock-btn:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.btn:hover,.dock-btn:hover{transform:translateY(-2px)}}@media (max-width: 768px){.hero{padding:1.8rem 1rem;border-radius:22px}.phase-card{padding:1.45rem 1rem;border-radius:22px}.image-placeholder{min-height:240px;border-radius:20px}.control-dock{right:.65rem;bottom:.65rem}.dock-btn{min-height:32px;padding:.25rem .56rem;font-size:.75rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:#ffffffe6}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.phase-catalog{width:min(1600px,98vw);max-width:100%}.catalog-subtitle{margin-top:-.4rem;margin-bottom:1.2rem;font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:#0b2230c7;text-align:center;max-width:70ch;justify-self:center}.catalog-layout{display:flex;gap:1.5rem;width:100%;text-align:left;align-items:stretch;margin-bottom:1.2rem}.catalog-sidebar{width:clamp(200px,16vw,280px);flex-shrink:0;display:flex;flex-direction:column;gap:.55rem;background:#ffffff38;border:1px solid rgba(255,255,255,.3);padding:clamp(.8rem,1.5vw,1.2rem);border-radius:20px}.catalog-tab-btn{display:flex;align-items:center;gap:.65rem;border:1px solid rgba(255,255,255,.3);background:#ffffff73;color:#0b2230;font-family:Nunito,sans-serif;font-weight:800;font-size:.95rem;padding:.7rem .9rem;border-radius:12px;cursor:pointer;text-align:left;transition:transform .18s var(--ease-out),background-color .18s var(--ease-out),box-shadow .18s var(--ease-out),color .18s var(--ease-out)}.catalog-tab-btn:hover{background:#ffffffd9;transform:translate(4px)}.catalog-tab-btn.active{background:linear-gradient(135deg,#ffd15c,#ffe49e);border-color:#fff9;color:#0b2230;box-shadow:0 6px 16px #fdd15c59;transform:translate(6px)}.catalog-tab-btn:active{transform:scale(.96) translate(6px)}.catalog-main{flex-grow:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.triangle-subnav{display:flex;gap:.4rem;background:#0b223014;border:1px solid rgba(255,255,255,.3);padding:.35rem;border-radius:999px;width:fit-content;align-self:center;box-shadow:inset 0 2px 4px #0000000d}.subtab-btn{border:0;background:transparent;color:#0b2230;font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;padding:.4rem 1.1rem;border-radius:999px;cursor:pointer;transition:all .18s var(--ease-out)}.subtab-btn:hover{background:#ffffff80}.subtab-btn.active{background:#1f8876;color:#fff;box-shadow:0 2px 8px #1f88764d}.subtab-btn:active{transform:scale(.96)}.catalog-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.4rem,2vw,2.5rem);width:100%}.blueprint-section{display:flex;flex-direction:column;gap:.8rem}.blueprint-canvas-container{position:relative;background:radial-gradient(circle at center,#11304f,#061524);border:2.5px solid rgba(255,255,255,.28);border-radius:24px;padding:.6rem;box-shadow:inset 0 0 35px #000000bf,var(--glass-shadow);overflow:hidden}.blueprint-title{position:absolute;top:.7rem;left:.9rem;font-family:Courier New,Courier,monospace;font-size:.68rem;font-weight:800;color:#00f3ff99;letter-spacing:.12em;pointer-events:none}#blueprint-svg{width:100%;height:auto;aspect-ratio:4 / 3;display:block}.blueprint-controls{padding:.95rem 1.3rem;border-radius:20px;background:#ffffff85;border:1px solid rgba(255,255,255,.65)}.controls-title{margin:0 0 .7rem;font-weight:800;font-size:.95rem;color:#0b2230}.control-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.6rem}.control-group.hidden{display:none!important}.control-group:last-child{margin-bottom:0}.control-group label{font-size:.88rem;font-weight:800;color:#0b2230e0}.control-group label span{color:#1f8876;font-family:monospace;font-size:1rem;background:#fff9;padding:.05rem .35rem;border-radius:4px;margin-left:.25rem}.control-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#08344524;outline:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#1f8876;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 6px #00000040;transition:transform .12s var(--ease-out)}.control-group input[type=range]::-webkit-slider-thumb:active{transform:scale(1.22)}.control-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1f8876;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 6px #00000040;transition:transform .12s var(--ease-out)}.control-group input[type=range]::-moz-range-thumb:active{transform:scale(1.22)}.info-section{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1;min-height:0;padding-right:.4rem}.info-section::-webkit-scrollbar{width:6px}.info-section::-webkit-scrollbar-track{background:#0000000d;border-radius:999px}.info-section::-webkit-scrollbar-thumb{background:#0b505e38;border-radius:999px}.info-card-section{background:#ffffff94;border:1px solid rgba(255,255,255,.65);border-radius:16px;padding:.7rem .9rem;box-shadow:0 4px 12px #00000008}.info-card-section h3{margin:0 0 .45rem;font-size:.9rem;font-weight:800;color:#0b4f5e;border-bottom:1.5px solid rgba(11,79,94,.15);padding-bottom:.28rem;line-height:1.3}.info-text{margin:0;font-size:.92rem;line-height:1.5;font-weight:700;color:#0b2230e6}.props-list{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.4rem}.props-list li{font-size:.9rem;font-weight:700;color:#0b2230e0;cursor:pointer;transition:color .15s var(--ease-out),transform .15s var(--ease-out);padding:.15rem .25rem;border-radius:6px}.props-list li:hover{color:#1f8876;background:#fff6;transform:translate(3px)}.props-list li.active-prop{color:#1f8876;background:#1f88761f;border-left:3px solid #1f8876;padding-left:.4rem;transform:translate(3px)}.math-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.math-box{background:#ffffffad;border:1px solid rgba(255,255,255,.85);border-radius:14px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.2rem}.math-label{font-size:.76rem;font-weight:800;color:#0b22308c;text-transform:uppercase;letter-spacing:.02em}.math-formula{font-size:1.05rem;font-weight:800;color:#0b4f5e;font-family:"Baloo 2",sans-serif;line-height:1.1}.math-calc{font-size:.85rem;font-weight:800;font-family:monospace;color:#0b2230;background:#0b4f5e14;padding:.2rem .45rem;border-radius:6px;margin-top:.2rem;display:inline-block;width:fit-content}.blueprint-grid-line{stroke:#00f3ff12;stroke-width:.5}.blueprint-grid-line-bold{stroke:#00f3ff26;stroke-width:1.2}.blueprint-shape{stroke:#00f3ff;stroke-width:3.5;fill:#00f3ff1f;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(0,243,255,.5));transition:all .25s var(--ease-out)}.blueprint-dimension-line{stroke:#ffd15c;stroke-width:1.5;stroke-dasharray:4 3;transition:stroke .2s ease,stroke-width .2s ease}.blueprint-dimension-text{fill:#ffd15c;font-family:Courier New,Courier,monospace;font-size:11px;font-weight:800;text-anchor:middle;transition:fill .2s ease}.blueprint-helper-line{stroke:#ffffff59;stroke-dasharray:3 3;stroke-width:1.2}.blueprint-angle-arc{stroke:#ff7e57;stroke-width:1.5;fill:#ff7e571f;transition:stroke .2s ease}.blueprint-angle-text{fill:#ff7e57;font-family:monospace;font-size:10px;font-weight:700}.highlight-side{stroke:#ff9500!important;stroke-width:5.5!important;filter:drop-shadow(0 0 10px rgba(255,149,0,.8))!important}.highlight-angle{stroke:#ff2d55!important;fill:#ff2d5559!important;stroke-width:2.5!important;filter:drop-shadow(0 0 8px rgba(255,45,85,.6))!important}.highlight-parallel{stroke:#4cd964!important;stroke-width:5.5!important;filter:drop-shadow(0 0 10px rgba(76,217,100,.8))!important}body.high-contrast .blueprint-canvas-container{background:radial-gradient(circle at center,#fff,#eef6f9);border-color:#0006;box-shadow:inset 0 0 10px #0000001a,var(--glass-shadow)}body.high-contrast .blueprint-title{color:#005078b3}body.high-contrast .blueprint-grid-line{stroke:#00507814}body.high-contrast .blueprint-grid-line-bold{stroke:#0050782e}body.high-contrast .blueprint-shape{stroke:#0a4f70;fill:#0a4f701a;filter:none}body.high-contrast .blueprint-dimension-line{stroke:#b35900;stroke-width:2}body.high-contrast .blueprint-dimension-text{fill:#b35900;background:#fff}body.high-contrast .blueprint-angle-arc{stroke:#cc1b00;fill:#cc1b0026}body.high-contrast .blueprint-angle-text{fill:#cc1b00}body.high-contrast .blueprint-controls,body.high-contrast .info-card-section{background:#fffffff2;border-color:#0000004d}body.high-contrast .math-box{background:#fffffff2;border-color:#0003}body.high-contrast .props-list li:hover{background:#0000000d}@media (max-width: 850px){.phase-catalog{width:min(720px,95vw);padding:1.3rem .9rem}.catalog-layout{flex-direction:column;gap:1.2rem}.catalog-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:.5rem;gap:.4rem}.catalog-tab-btn{padding:.5rem .8rem;font-size:.85rem;border-radius:10px;flex-grow:1;justify-content:center}.catalog-tab-btn:hover,.catalog-tab-btn.active{transform:none}.catalog-grid{grid-template-columns:1fr;gap:1.2rem}.info-section{max-height:none;overflow-y:visible;padding-right:0}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#08202c73;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);display:flex;justify-content:center;align-items:center;z-index:100;opacity:1;transition:opacity .22s var(--ease-out)}.modal-overlay.hidden{display:none!important}.modal-content{width:min(560px,92vw);max-width:100%;padding:2.2rem 2rem;border-radius:26px;text-align:center;box-shadow:0 24px 50px #07202c66;animation:modalRise .38s var(--ease-out) forwards;background:var(--glass-fill);border:1px solid var(--glass-border)}.modal-content h2{margin:0 0 .8rem;font-size:clamp(1.45rem,3.5vw,1.85rem);color:#0b4f5e}.modal-desc{font-size:1.05rem;font-weight:700;color:#0b2230e0;margin:0 0 1.3rem;line-height:1.48}.modal-summary{background:#ffffffb8;border:1px solid rgba(255,255,255,.88);border-radius:18px;padding:1rem 1.25rem;text-align:left;margin-bottom:1.3rem;box-shadow:inset 0 2px 4px #00000005}.summary-intro{margin:0 0 .55rem;font-weight:800;font-size:.95rem;color:#1f8876}.modal-summary ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.modal-summary li{font-size:.88rem;font-weight:700;color:#0b2230;line-height:1.4}.modal-next-steps{font-size:.96rem;font-weight:700;color:#0b2230eb;margin:0 0 1.6rem;line-height:1.5}body.high-contrast .modal-content{background:#fffffffa;border-color:#0006}body.high-contrast .modal-summary{background:#fffffff2;border-color:#00000040}@keyframes modalRise{0%{opacity:0;transform:scale(.94) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width: 1400px){.catalog-grid{grid-template-columns:1.6fr 1fr;gap:3.5rem}.catalog-layout{gap:2.5rem}.catalog-tab-btn{font-size:1.15rem;padding:.95rem 1.2rem}.catalog-subtitle{font-size:1.35rem;margin-bottom:2rem}.blueprint-title{font-size:.85rem;top:1rem;left:1.2rem}.control-group label{font-size:1.15rem}.val-display{font-size:1.35rem}.calc-label{font-size:1.1rem}.calc-val{font-size:1.85rem}.catalog-sidebar{gap:.8rem}}.phase-collaboration{width:min(1600px,98vw);max-width:100%}.biro-dashboard{display:flex;justify-content:space-between;gap:.6rem;width:100%;margin-bottom:1.2rem;flex-wrap:wrap}.biro-tab-btn{flex:1;min-width:130px;display:flex;flex-direction:column;align-items:center;gap:.25rem;border:1px solid rgba(255,255,255,.35);background:#fff6;color:#0b2230;padding:.5rem .6rem;border-radius:14px;cursor:pointer;transition:all .18s var(--ease-out)}.biro-tab-btn:hover{background:#ffffffbf;transform:translateY(-2px)}.biro-tab-btn.active{background:linear-gradient(135deg,#1f8876,#2bbba3);border-color:#ffffff80;color:#fff;box-shadow:0 6px 15px #1f88764d}.biro-tab-btn.active .biro-status-badge{border-color:#fff6}.biro-status-badge{font-size:.72rem;font-weight:800;padding:.1rem .45rem;border-radius:999px;border:1px solid transparent;line-height:1.2}.status-idle{background:#0b223014;color:#0b223099;border-color:#0b223026}.status-process{background:#ff9500;color:#fff;animation:pulse-orange 2s infinite ease-in-out}.status-locked{background:#007aff;color:#fff}.status-done{background:#4cd964;color:#fff}.collaboration-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:1.5rem;width:100%;margin-bottom:1.5rem}.control-panel{display:flex;flex-direction:column;gap:1rem;padding:1.2rem;border-radius:20px;background:#ffffff73;border:1px solid rgba(255,255,255,.55);text-align:left}.biro-info-card h3{margin:0 0 .3rem;font-size:1.3rem;color:#0b4f5e}.biro-description{margin:0;font-size:.88rem;font-weight:700;color:#0b2230cc;line-height:1.4}.gacha-section{display:flex;flex-direction:column;gap:.6rem;background:#ffffff80;border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:.8rem;align-items:center}.gacha-display-box{width:100%;min-height:70px;background:radial-gradient(circle at center,#183e4a,#0d262e);border:2px solid rgba(255,255,255,.2);border-radius:12px;display:grid;place-items:center;padding:.5rem;text-align:center;box-shadow:inset 0 2px 8px #00000080;overflow:hidden;position:relative}.gacha-placeholder{color:#fff6;font-family:monospace;font-size:.85rem}.gacha-roll-text{color:#ffd15c;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:.05em;animation:scale-up .3s ease-out}.gacha-spin-anim{animation:spin-roll .15s infinite linear}.project-instruction-card{background:linear-gradient(135deg,#fff8e1e6,#fffffff2);border:1px solid #ffd15c;border-radius:16px;padding:.9rem;box-shadow:0 4px 10px #00000005;animation:rise .35s var(--ease-out) forwards}.project-instruction-card h4{margin:0 0 .3rem;font-size:.9rem;color:#b37400;font-weight:800}.project-instruction-card p{margin:0;font-size:.92rem;font-weight:700;color:#0b2230;line-height:1.48}.action-controls{display:flex;gap:.6rem}.btn-secondary{color:#fff;background:linear-gradient(140deg,#1f8876,#166e5f);box-shadow:0 6px 14px #1f887640}.btn-secondary.disabled{background:#0b223026;color:#0b223059;box-shadow:none;cursor:not-allowed}.btn-danger{color:#fff;background:linear-gradient(140deg,#ff5757,#cc4141);box-shadow:0 6px 14px #ff575740}.pond-props-panel{background:#ffffffad;border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:.8rem 1rem;animation:rise .4s var(--ease-out) forwards}.pond-props-panel h4{margin:0 0 .4rem;font-size:.92rem;color:#0b4f5e;font-weight:800}.pond-instructions{margin:0;font-size:.85rem;font-weight:700;color:#0b2230a6;line-height:1.4;font-style:italic}.pond-props-content{animation:rise .3s var(--ease-out) forwards}.pond-props-name{margin:0 0 .3rem;font-size:1rem;font-weight:800;color:#1f8876}.pond-props-list{margin:0 0 .4rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem}.pond-props-list li{font-size:.86rem;font-weight:700;color:#0b2230;line-height:1.35}.pond-props-note{margin:0;font-size:.76rem;font-weight:800;color:#ff7e57}.canvas-panel{display:flex;flex-direction:column;gap:1rem}.drag-drop-canvas{width:100%;background:radial-gradient(circle at center,#0f273d,#06111c);border-radius:18px;position:relative;overflow:hidden;cursor:default}#canvas-svg{width:100%;height:auto;aspect-ratio:5 / 3.5;display:block}.palette-container{padding:.8rem 1rem;border-radius:16px;background:#ffffff80;border:1px solid rgba(255,255,255,.7);text-align:left}.palette-title{margin:0 0 .6rem;font-weight:800;font-size:.88rem;color:#0b2230}.shapes-palette{display:flex;gap:1rem;flex-wrap:wrap}.canvas-draggable-shape{cursor:grab;transition:opacity .15s ease,filter .15s ease}.canvas-draggable-shape:active{cursor:grabbing}.canvas-draggable-shape.dragging{filter:drop-shadow(0 4px 12px rgba(0,243,255,.7));opacity:.85}.canvas-draggable-shape.locked-shape{cursor:not-allowed}.blueprint-dimension-group{pointer-events:none;animation:scale-up .35s var(--ease-out) forwards}.pond-shape-interactive{cursor:pointer;transition:filter .3s ease}.pond-shape-interactive:hover{filter:drop-shadow(0 0 8px rgba(0,243,255,.8)) saturate(1.5)}.pond-shape-active-pulse{animation:svg-pulse 1.5s infinite alternate ease-in-out}.phase-navigation-footer{width:100%;display:flex;justify-content:space-between;margin-top:.5rem}body.high-contrast .biro-tab-btn{background:#fffffff2;border-color:#0000004d}body.high-contrast .biro-tab-btn.active{background:#005a4e;color:#fff}body.high-contrast .control-panel,body.high-contrast .gacha-section,body.high-contrast .project-instruction-card,body.high-contrast .pond-props-panel,body.high-contrast .palette-container{background:#fffffff2;border-color:#00000059}body.high-contrast .gacha-display-box{background:#fff;border-color:#0006;box-shadow:inset 0 2px 4px #0000001a}body.high-contrast .gacha-roll-text{color:#8c5d00}body.high-contrast .gacha-placeholder{color:#00000080}@keyframes spin-roll{0%{transform:translateY(-5px)}50%{transform:translateY(5px)}to{transform:translateY(-5px)}}@keyframes scale-up{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-orange{0%{box-shadow:0 0 #ff950080}70%{box-shadow:0 0 0 8px #ff950000}to{box-shadow:0 0 #ff950000}}@keyframes svg-pulse{0%{stroke:#00f3ff;fill:#00f3ff26;filter:drop-shadow(0 0 4px rgba(0,243,255,.4))}to{stroke:#ff9500;fill:#ff950040;filter:drop-shadow(0 0 14px rgba(255,149,0,.8))}}.phase-presentation{width:min(1600px,98vw);max-width:100%}.presentation-layout{display:grid;grid-template-columns:1fr 2.5fr;gap:1.5rem;width:100%;margin-bottom:1.5rem}.presentation-sidebar{display:flex;flex-direction:column;gap:1.2rem;padding:1.2rem;border-radius:20px;background:#ffffff73;border:1px solid rgba(255,255,255,.55);text-align:left}.presentation-sidebar h3{margin:0;font-size:1.3rem;color:#0b4f5e}.guide-box{background:#fff9;border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:.9rem}.guide-box h4{margin:0 0 .5rem;font-size:1.05rem;color:#1f8876}.guide-box p{margin:0 0 .6rem;font-size:.9rem;line-height:1.4;color:#0b2230}.formula-hint{background:#ffd15c33;border-left:4px solid #ffd15c;padding:.5rem .8rem;border-radius:4px}.formula-hint p{margin:0 0 .3rem;font-size:.85rem;font-weight:700}.formula-hint p:last-child{margin-bottom:0}.presentation-gallery{padding:1.5rem;border-radius:20px;background:#08202c73;border:1px solid rgba(255,255,255,.3)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-item{background:radial-gradient(circle at center,#0f273d,#06111c);border-radius:12px;border:1px solid rgba(0,243,255,.3);padding:.5rem;position:relative;text-align:center}.gallery-item-title{color:#fff;font-size:.9rem;font-weight:700;margin:0 0 .5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.gallery-item-svg{width:100%;height:auto;aspect-ratio:5 / 3.5;background:#0003;border-radius:8px}@media (max-width: 1100px){.presentation-layout{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.gallery-grid{grid-template-columns:1fr}}@media (max-width: 900px){.collaboration-layout{grid-template-columns:1fr;gap:1.2rem}}
