.fbs-root{
  --fbs-navy:#1e3a5f;--fbs-navy-dark:#0f1e3a;--fbs-gold:#d4af37;--fbs-gold-light:#f4cf5f;
  --fbs-teal:#18a7a1;--fbs-orange:#f27d24;--fbs-ink:#263746;--fbs-tilt:0deg;
  --fbs-motion-duration:420ms;--fbs-motion-easing:cubic-bezier(.2,.75,.25,1);
  position:fixed;z-index:9999;inset:0;width:100%;height:100vh;height:100dvh;padding:14px 88px 14px 14px;
  overflow:hidden;box-sizing:border-box;color:var(--fbs-ink);background:linear-gradient(135deg,#0ea5e9,#6366f1,#8b5cf6);
  font-family:system-ui,-apple-system,"Segoe UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
body.admin-bar .fbs-root{top:32px;height:calc(100vh - 32px);height:calc(100dvh - 32px)}
.fbs-root *{box-sizing:border-box}
.fbs-root button{font:inherit;touch-action:manipulation}
.fbs-board{width:100%;height:100%;max-width:1600px;margin:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border-top:5px solid var(--fbs-teal);border-radius:18px;background:#fff;box-shadow:0 10px 28px #0004}
.fbs-play{position:relative;min-height:0;overflow:hidden;background-color:#f5fbfd;background-image:url("background.png");background-position:center;background-size:cover;background-repeat:no-repeat}
.fbs-scale-stage{position:absolute;inset:0}
.fbs-rig{position:absolute;z-index:3;left:50%;top:45%;width:min(82%,1180px);height:270px;transform:translate(-50%,-50%) rotate(var(--fbs-tilt));transform-origin:50% 61%;transition:transform var(--fbs-motion-duration) var(--fbs-motion-easing)}
.fbs-beam{position:absolute;left:0;right:0;top:58%;height:25px;border:4px solid var(--fbs-navy-dark);border-radius:15px;background:linear-gradient(#f4cf5f,#d4af37);box-shadow:0 8px 10px #0002;transition:box-shadow .25s}
.fbs-beam::after{content:"";position:absolute;left:50%;top:50%;width:25px;height:25px;border:5px solid #fff;border-radius:50%;transform:translate(-50%,-50%);background:var(--fbs-navy)}
.fbs-board.is-balanced .fbs-beam{box-shadow:0 0 0 7px #f4cf5f55,0 0 30px #d4af3788}
.fbs-tray{position:absolute;top:0;width:clamp(126px,15vw,202px);height:184px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}
.fbs-tray.fbs-left{left:1%}.fbs-tray.fbs-right{right:1%}
.fbs-pan{position:absolute;left:0;right:0;bottom:8px;height:18px;border:4px solid var(--fbs-navy);border-top:0;border-radius:0 0 50% 50%;background:#eef5f9}
.fbs-tray-card{position:absolute;z-index:3;left:50%;bottom:34px;width:clamp(108px,11vw,150px);height:clamp(126px,14vw,168px);transform:translateX(-50%);transform-origin:center bottom;display:grid;place-items:center;border:4px solid transparent;border-radius:14px;background:transparent;box-shadow:none;transition:transform var(--fbs-motion-duration) var(--fbs-motion-easing),filter .18s}
.fbs-left .fbs-tray-card{color:#087f7b}.fbs-right .fbs-tray-card{color:#bd4e0c}
.fbs-tray.is-active .fbs-tray-card{border-color:transparent;box-shadow:none;filter:drop-shadow(0 0 5px #f4cf5f88)}
.fbs-tray.is-active .fbs-pan{border-color:var(--fbs-gold);background:#fff7cf;box-shadow:0 0 0 4px #f4cf5f44}
.fbs-tray-card.is-empty{border-color:transparent;background:transparent;color:#8ba0b0;box-shadow:none}
.fbs-empty-mark{font-size:42px;font-weight:600;line-height:1}
.fbs-fulcrum{position:absolute;z-index:2;left:50%;top:calc(45% + 70px);width:0;height:0;border-left:78px solid transparent;border-right:78px solid transparent;border-bottom:150px solid var(--fbs-navy);transform:translateX(-50%);filter:drop-shadow(0 8px 7px #0003)}
.fbs-fulcrum::after{content:"";position:absolute;left:-96px;top:145px;width:192px;height:20px;border-radius:12px;background:var(--fbs-navy-dark)}
.fbs-fraction{width:82px;display:grid;grid-template-rows:auto 5px auto;justify-items:center;font-size:clamp(40px,4vw,56px);font-weight:900;line-height:1}
.fbs-fraction-line{width:100%;height:5px;margin:5px 0;border-radius:4px;background:currentColor}
.fbs-picker{padding:8px 14px 12px;border-top:2px solid #dce7ef;background:#f7fafc}
.fbs-picker-row{display:flex;align-items:center;gap:10px;max-width:1180px;margin:auto}
.fbs-picker-row+.fbs-picker-row{margin-top:8px}
.fbs-picker-label{flex:0 0 44px;color:#64788b;text-align:center;font-size:13px;font-weight:900}
.fbs-scroll-row{min-width:0;flex:1;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b3c5d2 transparent;padding:3px 2px 6px}
.fbs-denominator{flex:0 0 46px;height:44px;border:2px solid #c7d7e3;border-radius:999px;background:#fff;color:var(--fbs-navy);font-size:19px;font-weight:900;cursor:pointer}
.fbs-denominator[aria-pressed="true"]{border-color:var(--fbs-gold);background:var(--fbs-gold-light);color:var(--fbs-navy-dark);box-shadow:0 0 0 3px #d4af3733}
.fbs-choice{flex:0 0 82px;height:88px;border:3px solid #c9d8e4;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--fbs-navy);cursor:pointer;box-shadow:0 3px 8px #0002;transition:.15s transform,.15s border-color,.15s box-shadow}
.fbs-choice:hover{transform:translateY(-2px);border-color:var(--fbs-gold)}.fbs-choice:active{transform:scale(.96)}
.fbs-choice .fbs-fraction{width:42px;font-size:25px;grid-template-rows:auto 3px auto}.fbs-choice .fbs-fraction-line{height:3px;margin:3px 0}
.fbs-choice:focus-visible,.fbs-denominator:focus-visible,.fbs-tool:focus-visible,.fbs-tray:focus-visible{outline:4px solid var(--fbs-gold-light);outline-offset:2px}
.fbs-toolbar{position:absolute;z-index:20;right:18px;bottom:18px;display:flex;flex-direction:column;gap:11px}
.fbs-tool{position:relative;width:56px;height:56px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--fbs-navy);box-shadow:0 4px 14px #0005;cursor:pointer}
.fbs-side-tool.is-selected{background:var(--fbs-gold-light);color:var(--fbs-navy-dark);box-shadow:0 0 0 4px #fff,0 4px 14px #0005}
.fbs-tool::after{content:attr(data-tip);position:absolute;right:66px;padding:6px 9px;border-radius:7px;background:var(--fbs-navy-dark);color:#fff;font-size:13px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s opacity}
.fbs-tool:hover::after,.fbs-tool:focus-visible::after{opacity:1}.fbs-tool svg{width:28px;height:28px}
.fbs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fbs-confetti{position:absolute;z-index:30;left:50%;top:39%;width:10px;height:10px;border-radius:3px;pointer-events:none;animation:fbs-burst .95s ease-out forwards}
@keyframes fbs-burst{from{opacity:1;transform:translate(-50%,-50%) rotate(0) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--fbs-spin)) translate(var(--fbs-x),var(--fbs-y))}}
@media(max-width:800px){
  .fbs-root{padding:8px 68px 8px 8px}.fbs-board{border-radius:14px}.fbs-rig{width:94%;height:220px;top:43%}.fbs-tray{width:98px;height:150px}.fbs-tray-card{width:92px;height:112px;border-width:3px}.fbs-fraction{width:60px;font-size:36px;grid-template-rows:auto 4px auto}.fbs-fraction-line{height:4px;margin:4px 0}.fbs-fulcrum{top:calc(43% + 54px);border-left-width:52px;border-right-width:52px;border-bottom-width:108px}.fbs-fulcrum::after{left:-66px;top:104px;width:132px}.fbs-picker{padding:6px 7px 8px}.fbs-picker-row{gap:5px}.fbs-picker-row+.fbs-picker-row{margin-top:4px}.fbs-picker-label{flex-basis:34px;font-size:11px}.fbs-denominator{flex-basis:42px;height:42px}.fbs-choice{flex-basis:68px;height:72px}.fbs-choice .fbs-fraction{font-size:22px}.fbs-toolbar{right:9px;bottom:9px;gap:8px}.fbs-tool{width:50px;height:50px}.fbs-tool::after{display:none}
}
@media(max-width:782px){body.admin-bar .fbs-root{top:46px;height:calc(100vh - 46px);height:calc(100dvh - 46px)}}
@media(max-height:650px) and (min-width:801px){.fbs-rig{height:205px;top:42%}.fbs-tray{height:142px}.fbs-tray-card{height:96px}.fbs-fulcrum{top:calc(42% + 50px);border-bottom-width:105px}.fbs-fulcrum::after{top:101px}.fbs-choice{height:73px}.fbs-picker{padding-top:5px;padding-bottom:7px}.fbs-picker-row+.fbs-picker-row{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.fbs-root *{animation-duration:.01ms!important;transition-duration:.01ms!important}}